Bootstrap UL with bullets

Issue

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.

Solution

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>

Answered By - divy3993