Bootstrap“col”类是否可以与除 div 之外的其他 HTML 标记一起使用答案

【问题标题】：would Bootstrap "col" classes work with other HTML tags than divBootstrap“col”类是否可以与除 div 之外的其他 HTML 标记一起使用
【发布时间】：2019-06-15 05:03:58
【问题描述】：

我想知道在 Bootstrap 中使用“col”类的最佳做法是什么。

示例 1 - 我已经知道这种方式是有效的

<div class="row">
    <div class="col-12">
        <h1> Heading</h1>
    </div>
</div>

示例 2 - 这也算是一种好的做法吗？

 <div class="row">
    <h1 class="col-12"> Heading</h1>    
</div>

感谢您的回答！

【问题讨论】：

在我看来，根据一些经验，有时第二个选项不能按预期工作。所以我将永远使用第一个选项。您应该检查col-* 添加的样式，以确保当您使用第二个选项时它们不会与其他元素冲突。

标签： html twitter-bootstrap-3 bootstrap-4

【解决方案1】：

您也可以将网格与其他元素一起使用，因为它是类，但请尝试遵循编码和样式标准，以实现正确的代码管理和可读性。根据哪个例子1是正确的方法

<div class="row">
   <div class="col-12">
      <h1> Heading</h1>
  </div>
</div>

【讨论】：

谢谢@cyrus。不幸的是，我只能选择一个答案，但您的答案非常有帮助。
没问题

【解决方案2】：

The Grid System documentation 仅包含带有 div 元素的示例，尽管 Bootstrap 应用的 CSS 样式不受任何标签的限制，而仅受类的限制（例如，.col-md-6 而不是 div.col-md-6）它是一种更好的方法将您的内容嵌套在 div 中，至少有两个原因：

它将允许您稍后在同一列中添加其他内容，例如标题后的按钮或工具提示
允许更好地设置h1 标签的样式，并且不会在标签的每一侧应用 15px 的自动装订线，这会使您的标题对齐不连贯

话虽如此，在更复杂的情况下，您的第二种方法可能会受益，但在这种情况下，它似乎并不适用。

【讨论】：

谢谢@Siavas。有道理！