Bootstrap 3网格系统很棒。对于所有屏幕尺寸的响应式设计,功能更强大,嵌套更容易。
但我有一个我无法想象的问题。如何在列之间增加精确的差距?说我有容器960px,3列在310px和2个沟槽在15px在3列之间。我怎么做?
解决方法
您可以为此创建一个CSS类并将其应用于您的列。由于沟槽(柱之间的间距)由引导3中的填充控制,因此相应调整填充:
.col { padding-right:7px; padding-left:7px; }
编辑如果你只想要列之间的间距,你可以选择所有的列,除了第一个和最后一个像这样..
.col:not(:first-child,:last-child) { padding-right:7px; padding-left:7px; }