引导程序中“行”类的技术混淆

Question

需要知道在BOOTSTRAP中是否必须在<div class="row">或之前使用<div class="col-md-6">。

最近我看到一个代码有以下标记

<div class="col-md-12">
  <div class="col-md-6">...</div>
  <div class="col-md-6">...</div>
</div>

以上似乎在所有设备上都能正常运行。现在应该按照bootstrap一个包含列的“行”..

 <div class="row">
   <div class="col-md-6">...</div>
   <div class="col-md-6">...</div>
 </div>

我也检查了Bootstrap CSS ..“.row”只剩下-15px的左右边距，默认情况下它会清除浮动。

用列替换行会产生任何其他技术问题或差异

由于

Answer 1

您的第一个代码示例无效：

  

Columns (.col-*-*) can only be children of .rows or .form-groups

     

Bootstrap的网格系统要求网格列必须是网格行（或.form-group s）的子项，因为它们在Less源中扩展.row。

     

错：

<div class="row">
  <div class="col-sm-12">
    <div class="col-sm-12">...</div>
    <!-- You can't nest columns directly like this. This is missing a level of .row -->
  </div>
</div>

缺少row可能会导致列数混乱。填充。