2014-01-24 175 views
2

在我最近的努力中,我遇到了有關Bootstrap 3的一些問題。該問題涉及手風琴元素。示例是bootstrap頁面的基本示例的一個副本。Bootstrap手風琴高度

<div class="panel-group" id="accordion"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
      <h4 class="panel-title"> 
       <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
        Collapsible Group Item #1 
       </a> 
      </h4> 
     </div> 
     <div id="collapseOne" class="panel-collapse collapse in"> 
      <div class="panel-body"> 
       Anim pariatur cliche reprehenderit, enim eiusmod..... 
      </div> 
     </div> 
    </div> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
      <h4 class="panel-title"> 
       <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> 
        Collapsible Group Item #2 
       </a> 
      </h4> 
     </div> 
    </div> 
</div> 

主要問題是高度。身體高度爲100%,例如collapseOne爲100%,但它將內容高度標準化,標準!重要的是不僅僅幫助例如600px伸展它,這是不令人滿意的。以前的問題中的JS例子不起作用,因爲它們是基於jquery ui的。你有任何基於CSS的解決方案?

+1

你能複製http://jsfiddle.net? –

回答

1

摺疊面板打開時,其內聯樣式爲height:auto,使其收縮包裝內容。我不確定你想要達到的目標,但這是關於爲什麼高度不是你所期望的。

請發佈小提琴和更多關於你想要實現的信息。

+0

試圖覆蓋默認高度:自動行爲,並將其設置爲高度:100% – harpomarx