Bootstrap - Leo Dev Blog

При работе с bootstrap 3 я использую позиционирование сеткой (таблицей), об этом в начале статьи.

А в bootstrap 4 используется новый режим flexbox, но основные приёмы работы с сеткой остались с небольшими изменениями об этом в середине статьи.

Код скрина выше выглядит следующим образом:

<div class="featurebox col-md-12 col-sm-12 col-xs-12">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <div class="feature text-left">
                            <h4>DESIGN</h4>
                            <p>...</p>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <div class="feature text-left">
                            <h4>REENGINEERING</h4>
                            <p>...</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <div class="feature text-left">
                            <h4>SUPPORT</h4>
                            <p>...</p>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <div class="feature text-left">
                            <h4>INSTRUMENTS</h4>
                            <p>...</p>
                        </div>
                    </div>
                </div>
            </div>

<h4>DESIGN</h4>

</div>

<h4>REENGINEERING</h4>

</div>

<h4>SUPPORT</h4>

</div>

<h4>INSTRUMENTS</h4>

</div>

Читать далее «Bootstrap 3 и 4 позиционирование, выравнивание элементов»