Рекомендации по оптимальной вложенной сетке Bootstrap

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

e.x.

<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>

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

Ответы

Ответ 1

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

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

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

Удачи!