如何自定义Bootstrap列宽？

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

谢谢你的帮助！

回答：

为了扩展@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%;
    }
}

以上是 如何自定义Bootstrap列宽？ 的全部内容， 来源链接： utcz.com/qa/418203.html

回到顶部