1. 首页
  2. 问答
  3. Bootstrap手风琴允许多次打开

Bootstrap手风琴允许多次打开

2015-02-05 88 views
1

我已经从Bootstraps自己的手中获取了这个手风琴代码。但是当我打开一个新的时，它并没有使其他人崩溃。这个问题可能已经在这里得到解答，但我无法找到它。谢谢你的帮助。Bootstrap手风琴允许多次打开

<!doctype html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <title></title> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="css/style.css"> 
    </head> 
    <body> 

    <div class="container-fluid"> 
     <div class="navbar"> 
     </div> 
     <div class="sidebar"> 

     <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"> 
       Collapsible Group Item #1 
       </a> 
      </div> 
      <div id="collapseOne" class="accordion-body in collapse" style="height: auto;"> 
       <div class="accordion-inner"> 
       Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 
       </div> 
      </div> 
      </div> 
      <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" style="height: 0px;"> 
       <div class="accordion-inner"> 
       Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 
       </div> 
      </div> 
      </div> 
      <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree"> 
       Collapsible Group Item #3 
       </a> 
      </div> 
      <div id="collapseThree" class="accordion-body collapse" style="height: 0px;"> 
       <div class="accordion-inner"> 
       Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 
       </div> 
      </div> 
      </div> 
     </div> 

     </div> 
     <div class="body"> 
     </div> 
    </div> 

    <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
    </body> 
</html>

来源

2015-02-05 Emil Moe

回答

1

您的代码将工作是，如果你切换引导版本。我只用Bootstrap v2.3.2在本地测试它。您可能需要下载和部署，而不是使用CDN。

来源

2015-02-05 01:15:18 williamdnapier

相关问题

 相关问题