Bootstrap - 行保持跳跃1行

Question

我正在玩bootstrap并正在使用脚手架。我想要三列，但不知怎的，每个“跨度”都跳了一行。我无法弄清楚原因。

我的代码：

<div class="footer">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
    <pre>
  <div class="row-fluid">
      <div class="span4">Span 4</div>
       <div class="span4">Span 4</div>
       <div class="span4">Span 4</div>
   </div>
    <div class="row-fluid">
      <div class="span4">Span 4</div>
       <div class="span4">Span 4</div>
       <div class="span4">Span 4</div>
   </div>



</pre>
  </div>

不良结果：

Answer 1

我认为问题在于<pre>正在添加额外的样式，可能在行的左侧和右侧。如果你拿出来它应该工作正常。检查我制作的snippet（以及result），我用div替换了<pre>并使用了well类。希望有所帮助。顺便说一句，我还添加了容器类来使页面居中，你不必这样做。