<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<div class="container text-dark">
    <h1 class="title bg-light">Website</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at nisl viverra, elementum augue laoreet, tempor augue. Praesent pharetra ex a ultricies ultricies. Proin felis neque, interdum eget dolor eget, suscipit egestas quam. Morbi nunc purus, pretium at massa quis, auctor ornare mi. In fermentum, justo vitae rutrum ullamcorper, magna metus lobortis mauris, quis laoreet orci nisi ac ipsum. Morbi blandit luctus augue, non congue libero lobortis nec. Nulla non magna sed purus fringilla ultricies.
    </p>

    <div class="row">
    <div class="col-sm-8 bg-primary text-light">
        <h2>Heading</h2>
        <ul>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        </ul>
    </div>

    <div class="col-sm-3 offset-sm-1">
        <h3>Links</h3>
        <p>
            More content:
        </p>
        <ul class="list-unstyled">
            <li><a href="#">link 1</a></li>
            <li><a href="#">link 2</a></li>
            <li><a href="#">link 3</a></li>
            <li><a href="#">link 4</a></li>
        </ul>
    </div>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

get Bootstrap.