很抱歉初学者的问题，但我很难弄清楚这一点。我正在为 Bootstrap 设计使用网格，但我的问题是如何将元素与网格对齐？查看我的图片以获得更好的解释：
我应该将元素 1 或 2 的对齐视为外部限制吗？
我面临的另一个问题是我可以将文本和图像与网格对齐，但是如果文本位于（可见）框内怎么办？我应该将内容与网格还是外框对齐？如果我对齐内容，我会遇到 4 中看到的问题，但如果我对齐外框，那么我会丢失内容的网格（尽管我认为这是正确的方法）。我该怎么做？
如何将元素与 Bootstrap 网格对齐？
平面设计
结盟
网格
布局
引导程序
2022-02-15 16:50:26
1个回答
据我所知， Bootstrap 文档似乎没有一个很好的例子。
我设置了一个示例来尝试可视化 Bootstrap 对列的作用（我添加了您的指南以进行比较）。
它的要点是，列 div是全宽的（框 #4），但具有左右填充（15px），因此列的内容至少会被填充那么多。在我的示例中，我还添加了顶部和底部填充（非标准）以使其更具可读性，引导文档也这样做。这意味着您的内容最终会看起来像 Box #3。
因此，如果您在列内有带有背景的内容，它将看起来像框 #3。如果您的列有背景，它们将看起来像框 #4。
其它你可能感兴趣的问题