引導高度有關

Question

我一直在掙扎與此一陣子3塌陷的問題 - 我以爲 - 小問題。我嘗試將Bootstrap 3列表組和崩潰插件組合起來。

我有一個特定版本的工作，但一些重構之後，它似乎並不正確不再崩潰，但我用同樣的「戰略」和我一樣了。我只是將list-group-item類從achor標記移至其父div標記。問題在於它沒有完全覆蓋我的div（和錨）。

我能夠提取的關鍵部分：

<div class="list-group"> 
    <a data-toggle="collapse" data-target=".list-things" class="list-group-item active">Things</a> 
    <div class="list-group-item list-things in"> 
     <a href="#">Foo</a> 
    </div> 
    <div class="list-group-item list-things in"> 
     <a href="#">Bar</a> 
    </div> 
    <div class="list-group-item list-things in"> 
     <a href="#">Baz</a> 
    </div> 
</div> 

要記住的重要一點是，list-group需要有直接的訪問「，以它的孩子list-group-item註解。否則，每個list-group-item會站在自己具有「雙重」邊界（border-top和border-bottom），因爲它是:first和:last的孩子;如果你在Bootstrap CSS中查看它，它會以這種方式表現。

因爲Bootply不僅僅只是閱讀一些代碼的方式更加得心應手，這裏有一個鏈接到它：Bootply。也許這也是有用的，以顯示我原本（只有關鍵的東西，以及）：Bootply original

任何人有一個想法？提前致謝。

Answer 1

下面是我想到的。雖然你的「Bootply原創」似乎在工作。

主要變化：

1. data-target到href
2. 添加collapse類主要list-things DIV
3. 由單獨的嵌套<div class="list-group-item">

<div class="list-group"> 
    <a data-toggle="collapse" href=".list-things" class="list-group-item active">Things</a> 
    <div class="list-things collapse in"> 
     <div class="list-group-item"> 
     <a href="#">Foo</a> 
     </div> 
    </div> 
    <div class="list-things collapse in"> 
     <div class="list-group-item"> 
     <a href="#">Bar</a> 
     </div> 
     </div> 
    <div class="list-things collapse in"> 
     <div class="list-group-item"> 
     <a href="#">Baz</a> 
     </div> 
    </div> 
</div> 

我希望這是你正在尋找的。