边缘 – 如何在Bootstrap 3网格系统中调整沟槽？
发布时间：2020-12-18 00:10:06 所属栏目：安全 来源：网络整理
导读：Bootstrap 3网格系统很棒。对于所有屏幕尺寸的响应式设计，功能更强大，嵌套更容易。 但我有一个我无法想象的问题。如何在列之间增加精确的差距？说我有容器960px，3列在310px和2个沟槽在15px在3列之间。我怎么做？ 解决方法 您可以为此创建一个CSS类并将其
|
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 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |