帶子彈的Bootstrap UL

Question

我需要一個帶子彈的頁面，並在頁面上加載引導程序。我找不到一個如何在頁面上使用bootstrap做到這一點的示例（谷歌只會導致示例刪除項目符號，不顯示項目符號）。有沒有我應該添加的課程沒有記錄？

我曾嘗試加入

ul { 
    list-style-type: disc !important; 
} 

絕對沒有：https://jsfiddle.net/49kwo5pL/2/

文檔（http://getbootstrap.com/css/#unordered）說，你必須添加一個類來刪除子彈，但沒有看到是實際情況。

Answer 1

默認情況下ul有padding和margin其引導在CSS中刪除。

因此請嘗試添加它。

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css'); 
 

 

 
ul { 
 
    list-style-type: disc !important; 
 
    padding-left:1em !important; 
 
    margin-left:1em; 
 
}

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
 
<ul> 
 
    <li>Why</li> 
 
    <li>are</li> 
 
    <li>there</li> 
 
    <li>no</li> 
 
    <li>bullets?!?!?!!?!?!?</li> 
 
</ul>

Answer 2

左邊距也被Bootstrap刪除。加回來揭示子彈。

ul { 
    list-style-type: disc !important; 
    padding-left: 1em; 
} 

https://jsfiddle.net/mblase75/49kwo5pL/3/