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>