Вопрос по bootstap

257

25 июня 2017, 13:57

<html>
    <head>
    <link rel="stylesheet" href="bootstrap-grid.min.css">
    </head>
    <body>
        <div style="background-color:#ff0;" class="container-fluid">
            <div class="row">
                <div style="background-color:#f00; height:20px;"  class="col-1 col-sm-6">1</div>
                <div style="background-color:#0f0; height:30px;"  class="col-1 col-sm-6">3</div>
                <div style="background-color:#00f; height:40px;"  class="col-1  col-sm-6">4</div>
                <div style="background-color:#0ff; height:55px;"  class="col-1  col-sm-6">2</div>
            </div>
        </div>
    </body>
</html>

Добрый день, есть ли вариант сделать так, чтобы четвёртый блок следовал сразу после первого без "отступа" сверху, который получается из за высоты первой строки.

Есть вариант поделить контейнер на 2 дива по 50% каждый и закидывать в каждый блоки, тогда они будут друг под другом. А вот вариант без этого в природе существует?

Прошу прощения, если уже было. Я просто не нашёл.

Заранее спасибо.