2012-12-24 83 views
1

我正在玩引导程序崩溃。但我想知道是否有办法,使引导程序崩溃也工作在两排。我尝试了整体的东西,但没有一个对我有用。引导程序崩溃两行

下面是我尝试过的一件事,但这似乎并不奏效。当打开单手机标签,其他不会崩溃,无论我尝试...

任何想法或建议如何解决这个问题?

<div class="row-fluid"> 
    <div class="accordion" id="accordion2"> 

     <div class="span6"> 

      <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
       Collapsible Group Item #1 
       </a> 
      </div> 
      <div id="collapseOne" class="accordion-body collapse in"> 
       <div class="accordion-inner"> 
       Anim pariatur cliche... 
       </div> 
      </div> 
      </div> 

     </div> 

     <div class="span6"> 

      <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
       Collapsible Group Item #2 
       </a> 
      </div> 
      <div id="collapseTwo" class="accordion-body collapse"> 
       <div class="accordion-inner"> 
       Anim pariatur cliche... 
       </div> 
      </div> 
      </div> 

     </div> 

    </div> 
</div> 

回答

2

我终于找到了多列自举崩溃的解决方案。我会创建一个工作fiddle,因为如果有人问过同一个问题。

<div class="row-fluid" id="accordion2" > 

    <div class="span6" id="accordion2"> 

     <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
        collapse 1 
       </a> 
      </div> 
      <div id="collapseOne" class="accordion-body collapse in"> 
       <div class="accordion-inner"> 
        collapse item 1 
       </div> 
      </div> 
     </div> 

     <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
        collapse 2 
       </a> 
      </div> 
      <div id="collapseTwo" class="accordion-body collapse"> 
       <div class="accordion-inner"> 
        collapse item 2 
       </div> 
      </div> 
     </div> 

    </div> 

    <div class="span6" id="accordion2"> 

     <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree"> 
        Collapse 3 
       </a> 
      </div> 
      <div id="collapseThree" class="accordion-body collapse"> 
       <div class="accordion-inner"> 
        Collapse item 3 
       </div> 
      </div> 
     </div> 

     <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour"> 
        Collapse 4 
       </a> 
      </div> 
      <div id="collapseFour" class="accordion-body collapse"> 
       <div class="accordion-inner"> 
        Collapse item 4 
       </div> 
      </div> 
     </div> 

    </div> 

</div> 
+1

小提琴坏了可能是因为它链接到bootstrap 3.这是一个新的小提琴,它导入BS 2.3.2:http://jsfiddle.net/LmeSL/5/ –

2

编辑:道歉,这段代码参考下面的例子。新到SOF恐怕

这是伟大的,但顽皮淘气与多个ID!

尝试:

<div class="row-fluid accordion2" > 

<div class="span6 accordion2"> 

<div class="accordion-group"> 

    <div class="accordion-heading"> 
    <a class="accordion-toggle" data-toggle="collapse" data-parent=".accordion2" href="#collapseOne"> 
    collapse 1 
    </a> 
    </div> 

    <div id="collapseOne" class="accordion-body collapse in"> 
    <div class="accordion-inner"> 
    collapse item 1 
    </div> 
    </div> 

</div> 

等......

你要知道,对于这个问题,它可能不是太大的嵌套式两份类一样,要么。