我正在使用 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;
}
最佳答案
您可以尝试嵌套列... 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>
关于css - col-sm-2 和 col-sm-1 之间的 Bootstrap css 列宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29727298/