css - 如何自定义 Bootstrap 列宽？

Question

我有这个，但我觉得 4 对于我的侧边栏宽度来说太大了，3 太小了(它必须加起来等于 12)。

  <div class="col-md-8">
  <div class="col-md-4">

我试过了，但没用:

  <div class="col-md-8.5">
  <div class="col-md-3.5">

是否有其他方法可以获得类似的结果？

感谢您的帮助!

Answer 1

为了扩展@isherwood 的回答，这里是在 Bootstrap 3.3 中创建自定义 -sm- 宽度的完整代码

一般来说，您想要搜索现有的列宽(例如 col-sm-3)并将所有适用于它的样式(包括通用样式)复制到您的自定义样式表中，其中您定义新的列宽。

.col-sm-3half, .col-sm-8half {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .col-sm-3half, .col-sm-8half {
        float: left;
    }
    .col-sm-3half {
        width: 29.16666667%;
    }
    .col-sm-8half {
        width: 70.83333333%;
    }
}