Лучшие практики Bootstrap для вложенных грид-систем

Question

Я пытаюсь создать сайт с помощью начальной загрузки и без внешнего CSS. Кажется, я могу достичь многих целей форматирования, используя вложенные сеточные системы.

бывший

<div class="container-fluid bs-docs-grid">
    <div class="row show-grid">
        <div class="col-md-6">
            <div class="row show-grid">
                <div class="col-md-4">
                </div>
                <div class="col-md-4">
                </div>
            </div>
        </div>
        <div class="col-md-6">
        </div>
    </div>
</div>

Это разумная практика?

Answer 1

Ваш код для вложения именно то, что Bootstrap рекомендует: http://getbootstrap.com/css/

Если у вас нет особой необходимости в классах show-grid и bs-docs-grid, нет необходимости их включать. Они не являются частью базового загрузочного CSS.

Если вы можете достичь нужного макета с помощью вложенных сеток, я бы, конечно, использовал их. Они сэкономят ваше время и уменьшат потенциальные проблемы совместимости браузера.

Удачи!