带子弹的 Bootstrap UL

Question

我需要一个带有子弹的 ul，页面上加载了引导程序。我在页面上找不到一个关于如何使用引导程序执行此操作的示例（谷歌只会生成删除项目符号的示例，而不是显示项目符号）。我应该添加一个没有记录的类吗？

我试过添加

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

什么都不做：https : //jsfiddle.net/49kwo5pL/2/

文档 ( http://getbootstrap.com/css/#unordered ) 说您必须添加一个类来删除项目符号，但这并不是实际情况。

Answer 1

Bootstrap 也删除了左填充。将其添加回来以显示项目符号。

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

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

Answer 2

默认情况下，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>