Ordered List

<div class="row">
    <div class="col-3">
        <h3>Ordered List</h3>
    </div>
    <div class="col-9">
        <ol>
            <li>Apple</li>
            <li>Mango</li>
            <li>Banana</li>
        </ol>
    </div>
</div>

Unordered List

<div class="row">
    <div class="col-3">
        <h3>Unordered List</h3>
    </div>
    <div class="col-9">
        <ul>
            <li>Apple</li>
            <li>Mango</li>
            <li>Banana</li>
        </ul>
    </div>
</div>

Description List

<div class="row">
    <div class="col-3">
        <h3>Description List</h3>
    </div>
    <div class="col-9">
        <dl>
            <dt>Coffee</dt>
            <dd>- black hot drink</dd>
            <dt>Milk</dt>
            <dd>- white cold drink</dd>
          </dl>
    </div>
</div>

Source code on Github