时间戳

首页 > 解决方案 > 引导程序中的剩余边距

html - 引导程序中的剩余边距

问题描述

我可以在引导程序中添加一个类似于这个.ml-xl-5的类，因为我想要一个大于 48px 的边距吗？

以及如何做到这一点？

标签： htmlcsstwitter-bootstrap

解决方案

只需在您自己的 css 样式表中添加一个自定义类，如下所示：

.ml-xl-6 { // change ml-xl-6 to whatever name or value you want
    margin: 64px; // change 64px to whatever value you want
}

您可以在任何您希望应用自定义边距的地方使用该类，就像使用这样的默认引导类一样：

<div class="ml-xl-6">
    <p>some text content here</p>
</div>

注意正如@bhmahler 在评论中提到的，我们需要理解和记住的重要一点是，在 Bootstrapxl中，类名中的 是指屏幕大小。如果您想复制引导程序的操作方式（例如，您也想要ml-sm-6或ml-md-6相应地调整大小），您将需要为相应的屏幕尺寸添加媒体查询，并在您的 css 样式表中添加ml-xl-6、ml-l-6、ml-sm-6、ml-xs-6等。

推荐阅读