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

Question

我正在使用bootstrap，且在某些div中，我正在使用宽度为16.6667% of 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>