Html 在引导过程中，在col类中使用col类可以吗？

我想在带有

hr

元素的段落下面画一条线。其特点是

p

元素在引导中有15px的填充，但hr元素跨越到了整个可用宽度。段落下方的线条向左延伸15px，向右延伸15 px至段落宽度。所以我只是做了以下几点：

             <div class="row">
              <div class="col-lg-12 text-justify">
                <p> 
                  Some text is here.
                </p>

              </div>
              <div class="row">
                <div class="col-lg-12"> <div class="col-lg-12"><hr></div></div>
              </div>

这里有一些文字。

---

我将

col-lg-12

直接嵌套在

col-lg-12

中。但是在bootstrap中，我们应该在

.row

类中嵌套

.col

。所以在这里可以在col类内部使用col类吗？

否。这不是引导式的最佳实践，因为正如您所提到的，col应该在行内部。。其效果是在内柱的左右两侧增加额外的间距。内柱将环绕，而不是按预期水平布置

“内容必须放在列中，并且只能放在列中 “行的直接子级”

---

“可以吗？”。浏览器不会抱怨，但这不是一个好的做法。只需添加一个自定义类并进行填充。它是否实现了您想要的布局？没有任何规则。做你喜欢做的。这可能不算在内，并按照包装器应用所有东西。我建议在这种情况下使用flexbox。实际上，问题是错误的。段落没有填充。我错误地将

.row

直接嵌套在

.row

中。更正后，我现在不再需要在

.col

中嵌套

.col

。我应该删除这个问题吗？