为什么我不能并排放置三个盒子？

Question

我使用twitter bootstrap v2.3.2。我想把三个div放在一起，但是第三个div在下面。

 <div class="container">
      <div class="span4">
          <jdoc:include type="modules" name="left" style="none" />
      </div>
      <div class="span4">
           <jdoc:include type="modules" name="middle" style="none" />
      </div>
      <div class="span4">
            <jdoc:include type="modules" name="right" style="none" />
      </div>
</div>

Answer 1

您缺少'row'类div，代码应该是这样的:

<div class="container">
    <div class="row">
        <div class="span4">
            <jdoc:include type="modules" name="left" style="none" />
        </div>
        <div class="span4">
            <jdoc:include type="modules" name="middle" style="none" />
        </div>
        <div class="span4">
            <jdoc:include type="modules" name="right" style="none" />
        </div>
    </div>
</div>