3

我认为引导程序基于 12 列网格系统。但是下面的代码：

  <div class="container">
    <div class="row">
       <div class="example-box span4">Example Text</div>
       <div class="example-box span4">Example Text</div>
       <div class="example-box span4">Example Text</div>
    </div>
  </div>

总是将最后一个 div 向下推到下一行，同时将其他两个 div 保持在同一行。我在这里错过了什么吗？删除最后一个框的 margin-right 似乎也不起作用。

4

3 回答 3

4

您的example-box类可能包含导致 Bootstrap 模型中断的盒模型属性。最可能的解决方案是使用内部div元素，在其上应用自定义 CSS 类，如下所示：

<div class="container">
   <div class="row">
      <div class="span4">
          <div class="example-box">Example Text</div>
      </div>
      <div class="span4">
          <div class="example-box">Example Text</div>
      </div>
      <div class="span4">
          <div class="example-box">Example Text</div>
      </div>
   </div>
</div>
于 2013-07-17T23:06:03.040 回答
0

如果您向这些 span4 中的任何一个添加填充或边框，则会导致这种情况发生。

于 2013-07-17T23:00:20.613 回答
0

也许您的代码中没有重置 CSS？这可能会导致它将最后一个 div 推到下一行。只是一个想法。

于 2013-07-17T23:08:10.577 回答