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

Question

我正在使用bootstrap并且在某些div中我使用了col-sm-2 clas，其宽度为16.6667％。在这个宽度我看到我的元素非常大。

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

我尝试在萤火虫中更改此百分比，我发现我的完美百分比为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>