引导程序折叠内部的行

Question

对于包含带有一行的手风琴元素的网站，我使用的是Bootstrap 2.3.2。 Accordion是span6，我预计该行可以包含两个span3元素，但它不能。这里是我的代码简化：

<div class="span6"> 
    <div class="accordion" id="accordion2"> 
     <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
        <p><h3>Some text here</h3></p> 
       </a> 
      </div> 
      <div id="collapseOne" class="accordion-body collapse"> 
       <div class="accordion-inner"> 
        <div class="row"> 
         <br /> 
         <div class="span3 offer"> 
          <div class="offer-wrap"> 
           This one should be on the left 
          </div> 
         </div> 
         <div class="span3 offer"> 
          <div class="offer-wrap"> 
           This one should be on the right, but is BELOW 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

我是能够使它们看起来彼此相邻，但只有一些讨厌的CSS摆弄，这仅适用于我的屏幕尺寸。

预期的行为：http://imgur.com/O1z4mZN 实际结果：http://imgur.com/fP568Tl

如果我把该行手风琴元素之外的一切看起来完美。

Answer 1

这与手风琴和.span类的边距有关。

我的提示：从来没有使用.row类，总是使用.row-fluid类。使用.row-fluid，您总是可以将可用宽度分成12列。

<div class="span6"> 
    <div class="accordion" id="accordion2"> 
     <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
        <p><h3>Some text here</h3></p> 
       </a> 
      </div> 
      <div id="collapseOne" class="accordion-body collapse"> 
       <div class="accordion-inner"> 
        <br /> 
        <div class="row-fluid"> 
         <div class="span6 offer"> 
          <div class="offer-wrap"> 
           This one should be on the left 
          </div> 
         </div> 
         <div class="span6 offer"> 
          <div class="offer-wrap"> 
           This one should be on the right, but is BELOW 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>