边缘 – 如何在Bootstrap 3网格系统中调整沟槽?

前端之家收集整理的这篇文章主要介绍了边缘 – 如何在Bootstrap 3网格系统中调整沟槽?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Bootstrap 3网格系统很棒。对于所有屏幕尺寸的响应式设计,功能更强大,嵌套更容易。

但我有一个我无法想象的问题。如何在列之间增加精确的差距?说我有容器960px,3列在310px和2个沟槽在15px在3列之间。我怎么做?

解决方法

您可以为此创建一个CSS类并将其应用于您的列。由于沟槽(柱之间的间距)由引导3中的填充控制,因此相应调整填充:
.col {
  padding-right:7px;
  padding-left:7px;
}

演示:http://bootply.com/93473

编辑如果你只想要列之间的间距,你可以选择所有的列,除了第一个和最后一个像这样..

.col:not(:first-child,:last-child) {
  padding-right:7px;
  padding-left:7px;
}

Updated Bootply

原文链接:https://www.f2er.com/bootstrap/234354.html

猜你在找的Bootstrap相关文章