在 Twitter Bootstrap 中添加行之间的垂直空间
向“行”元素添加上边距可以增强网页的视觉吸引力。然而,不鼓励直接编辑 Twitter Bootstrap 框架中的“row”类,因为它是页面结构的关键组成部分。
为了解决这个问题,更合适的方法是创建一个新的 CSS 类,例如“top-buffer”,提供所需的边距。
<code class="css">.top-buffer { margin-top: 20px; }</code>
通过将此类应用于特定行,您可以添加上边距,而不会影响“row”元素的默认行为。例如,如果您想向特定行添加 20 像素的上边距,只需使用以下标记:
<code class="html"><div class="row top-buffer"> ... </div></code>
此方法允许您在必要时向各个行添加上边距,留下核心“row”类未修改。
以上是如何在 Twitter Bootstrap 中添加行之间的垂直空间而不修改'row”类?的详细内容。更多信息请关注PHP中文网其他相关文章!