scss Bootstrap 1/5列类

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss Bootstrap 1/5列类相关的知识,希望对你有一定的参考价值。

/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

以上是关于scss Bootstrap 1/5列类的主要内容,如果未能解决你的问题,请参考以下文章

SCSS 插值无法为宽度分配百分比

scss 添加xl步骤到bootstrap sass。应该是在bootstrap.scss之后。

在 Next.js 12 中使用带有 SCSS 的 Bootstrap

scss Bootstrap 3 SCSS媒体查询

scss Bootstrap 4半容器SCSS

scss Bootstrap v4 SCSS媒体查询