我们可以在同一div中使用row和col-md-12吗？还是应该在父子div中？

Question

我想弄清楚我们是否可以使用

或者我们必须使用

<div class="row">
<div class="col-md-12">
</div>
</div>

Answer 1

columns中可以有row，这意味着在同一元素row和columns中不可能。

您必须在columns的{​​{1}}中包含row，即它必须是父（{bootstrap）子（row）div。

可能：

col

不可能：

<div class="row">
  <div class="col-md-12">
  </div>
</div>

Answer 2

首先了解row和col的css

ROW

margin-right: -15px;
margin-left: -15px;

COL-MD-12

position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width:100%

由于行的margin-right和margin-left -15像素，而col的{​​{1}}和padding-right的像素为15像素，因此不能将两个类都放在同一个元素上。

引导程序以padding-left> container> row的方式排列。不要违反该模式，否则会遇到麻烦。

Answer 3

您可以将col-md-12用作行元素的子元素

<div class="row">
  <div class="col-md-12">
     Content Here...
  </div>
</div>