Question

我试图用这样的引导来获取行的列：

col 1.5 | col 9 | col 1.5

但我对如何获得它一无所知。我查看了这篇文章：Half columns in Twitter Bootstrap 3但它也没有帮助我，因为我需要整列都在1.5列的中心。

有没有办法在bootstrap上执行此操作？

提前致谢！

Answer 1

如果您不愿意使用此处发布的答案，则必须创建自己的样式：Half columns in Twitter Bootstrap 3

如果你看看Bootstrap，你会发现它的工作原理并不神秘。例如：

.col-sm-5 {
    width: 41.66666667%;
}

由于bootstrap（通常）是12列网格，因此您可以看到数学很简单：5/12 = 41.6666667％。

所以，你只需编写自己的OWN样式，并进行数学运算：1.5 / 12 = 12.5％;

Bootstrap 3尺寸：

// Note, you can't use a dot in the middle, so separate with underscore or dash
.col-xs-1_5 {
    width: 12.5%;
}

@media(min-width:768px){
    .col-sm-1_5 {
        width: 12.5%;
    }
}

@media(min-width:992px){
    .col-md-1_5 {
        width: 12.5%;
    }
}

@media(min-width:1200px){
    .col-lg-1_5 {
        width: 12.5%;
    }
}

不要修改bootstrap css文件。将上述样式放入您自己的css文件中。

如何在bootstrap上使用一半的列？

1 个答案: