1. 首頁
  2. 問答
  3. Bootstrap手風琴允許多次打開

Bootstrap手風琴允許多次打開

2015-02-05 116 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

相關問題

 相關問題