css - col-sm-2 和 col-sm-1 之间的 Bootstrap css 列宽

Question

我正在使用 bootstrap，在某些 div 中，我使用了宽度为 16.6667% 的 col-sm-2 类。在这个宽度下，我看到我的元素相当大。

我也尝试过使用 col-sm-1，但这次元素太小了。

我尝试在 firebug 中更改此百分比，我发现我的完美百分比为 12.5%；

有什么方法可以创建一个 col-sm-1_5 类来保持网站的响应能力(只应影响 sm 环境)？

我尝试创建以下类，但是，当然，这会影响所有设备(xs、md、lg)，而不仅仅是 sm:

.col-sm-1-5 {
    width: 12.5%;
    float: left;
    min-height: 1px;
    position: relative;
}

Answer 1

您可以尝试嵌套列... Nested Columns

<div class="col-sm-2">
 <div class="col-sm-4">1/3 *2</div>
 <div class="col-sm-8">2/3 *2</div>
</div>