一尘不染

如何自定义Bootstrap列宽?

css

我有这个,但是我觉得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">

还有另一种方法可以得到类似的结果吗?

谢谢你的帮助!


阅读 522

收藏
2020-05-16

共1个答案

一尘不染

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

通常,您要搜索现有的列宽(例如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%;
    }
}
2020-05-16