#main { width: 100%; height: 100%; background-color: #000000; color: #ffffff; text-align: center; } #main .container { width: 100%; height: 100%; background-color: #000000; color: #ffffff; text-align: center; } #main .container .row { width: 100%; height: 100%; background-color: #000000; color: #ffffff; #main .container .row { width: 100%; } #main .container .row .col-md-12 { width: 100%; } #main .container .row .col-md-6 { width: 50%; } #main .container .row .col-md-4 { width: 33.33%; } #main #main .container .row .col-md-3 { width: 100%; } #main .container .row .col-md-3 .col-md-3 { width: 50%; } #main .container .row .col-md-3 .col-md-3 .col-md-3 { width: 33.33%; } </style>

You can use the Bootstrap grid system to achieve this. You can use the following code to achieve this.
<div class="row">
    <div class="col-md-4">
        <div class="thumbnail">
            <img src="img/thumb1.jpg" alt="...">
            <div class="caption">
                <h3>Thumbnail label</h3>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Don