Bootstrap破壞ul和li元素

Question

我正在製作一個簡單的web應用程序。今天，我決定引入bootstrap，以使用一些UI元素。無論如何，包括引導都破壞我自己開發的任何CSS。即使!important也無法解決問題。

引導css文件包含之前：

後：

有什麼不對？我該怎麼辦？

編輯：

後，具備列表組和列表組項類，我得到：

所以，最後，我怎麼有文字進來與複選框相同的行嗎？

Answer 1

嘗試INCO-操作你的CSS成引導所採用的類名。

Answer 2

這是你應該如何在引導使用list： -

DEMO

<ul class="list-group"> 
    <li class="list-group-item"><input type="checkbox"> Hi</li> 
    <li class="list-group-item"><input type="checkbox"> How</li> 
    <li class="list-group-item"><input type="checkbox"> Are</li> 
    <li class="list-group-item"><input type="checkbox"> You</li> 
</ul> 

您需要申請自舉類自舉實現新的佈局。

http://getbootstrap.com/components/#list-group

Answer 3

這句法將確保您的複選框的標籤也可點擊：

<ul class="list-group"> 
    <li class="list-group-item"> 
     <div class="checkbox"> 
      <label><input type="checkbox" checked>Check me!</label> 
     </div> 
    </li> 
    <li class="list-group-item"> 
     <div class="checkbox"> 
      <label><input type="checkbox" checked>Check me too!</label> 
     </div> 
    </li> 
</ul>