所以我正在为一个 friend ( http://jojorules.com/index.php/our-pillows/ ) 开发一个页面，我有 4 行，每行 3 列。每列之间需要有 80 像素的间距，但是，每行的第一列和最后一列需要与 Logo /导航栏链接对齐(由底部图像上的红线表示)。
我想要 80px 间距的地方也由底部图像中的蓝线/文本指示。
这些填充只会出现在桌面上，我稍后会添加，但我一直在想出一种干净的方法，效果很好，并坚持使用那些红线对齐方式。
最佳答案
对于列之间的空间，删除第一列的左填充和最后一列的右填充以使内容与导航栏对齐。
要使 80px 有效，请使用此代码段(假设您使用的是 col-md-4):
.col-md-4:first-child { padding-left: 0; padding-right: 40px; }
.col-md-4:last-child { padding-right: 0; padding-left: 40px; }
.col-md-4:nth-child(2) { padding-right: 40px; padding-left: 40px; }
注意:要使右栏的文本与导航栏完全对齐，您必须使用text-align: justify 来强制文本对齐。
关于html - 列之间的 Bootstrap 填充，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35765483/