Question

我在页面的一部分有一个关于网格的问题，如果我有多个xx-12列，我的问题不是关于对齐或断点而是关于子父关系的问题，那么做什么是更好的做法行和列..

<div class="col-xx-12">
<div class="row">
<div class="col-xx-12">something</div>
<div class="col-xx-12">something</div>
<div class="col-xx-12">something</div>
</div>
</div>

或

<div class="col-xx-12">
<div class="row">
<div class="col-xx-12">something</div>
</div>
<div class="row>
<div class="col-xx-12">something</div>
</div>
<div class="row>
<div class="col-xx-12">something</div>
</div>
</div>
</div>

Answer 1

首先是练习的更好选择，因为在这里你不必像以下那样重复你的部分代码： *开始class =“row”。

function loadPage() {

  $(document).on('click', 'div.list ul.nav li' function () {
      var the_hash = $(this).children().attr('href');
      tabContainers.hide().filter(the_hash).show();

      $('div.list ul.nav li').removeClass('active');
      $(this).addClass('active');

      return false;
  }).filter(':first').click();

};

Answer 2

对于电网实践来说，第二个是好的，根据我和我的说法。如果你使用第二种类型，那么你不需要定义

每次

<div class='col-xx-12'>

您可以直接使用，例如

 <div class='col-xx-4'></div>
 <div class='col-xx-4'></div>
 <div class='col-xx-4'></div>

Bootstrap网格布局很好的做法

2 个答案: