可以在bootstrap中的col类中使用col类吗？

Question

我想在带有hr元素的段落下面画一条线。 propbelem是p元素在bootstrap中有15px填充但hr元素跨越到完整的可用宽度。段落下方的行向左延伸15px，向右延伸到段落的宽度。所以我只是做了以下事情：

             <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中我们应该在.col类中嵌套.row。那么可以在col类中使用col类吗？

Answer 1

不。它不是Bootstrap最佳实践，因为你提到col应该在row内部。效果将是内部col的左侧和右侧的额外间距。内部列将换行而不是按预期水平布局。

  

＆＃34;内容必须放在列中，只有列可能   行的直接子项＆＃34;