Bootstrap UL with bullets

Question

I need a ul with bullets with bootstrap loaded on the page. I cannot find a single example of how to do this with bootstrap on the page (google only results in examples to REMOVE bullets, not show bullets). Is there a class I should be adding that is undocumented?

I have tried adding

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

does absolutely nothing: https://jsfiddle.net/49kwo5pL/2/

The documentation (http://getbootstrap.com/css/#unordered) says you have to add a class to remove the bullets, but that doesn't see to be the actual case.

Answer 1

By default ul has padding and margin which Bootstrap removes in its CSS.

So try adding it.

@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>