Как создать прикрепленный адаптивный макет с помощью начальной загрузки?

Question

Как создать прикрепленный адаптивный макет с помощью начальной загрузки?

-3

Как создать прикрепленный отзывчивый макет с помощью бутстрапа?

mahi rastogi 20 май 2016, в 14:00

Источник

Теги:

twitter-bootstrap

responsive-design

1 ответ

Ещё вопросы

dimlucas · Answer 1 · 2016-05-20T13-25-00.000Z

<div class="container-fluid">
    <!--HEADER-->
    <div class="row">
        <div class="col-md-10 col-md-offset-1">

        </div>
    </div>
    <!--Navigation-->
    <div class="row">

    </div>
    <div class="row">
        <!--ASIDE-->
        <div class="col-md-3 col-md-offset-1">

        </div>
        <!--CONTENT-->
        <div class="col-md-7">

        </div>
    </div>
    <!--CONTENT-->
    <div class="row">

    </div>
</div>

Затем вам нужно заполнить DIVs-заполнители, чтобы увидеть результат, но это идеальный скелет, с которого можно начать работать. Нет необходимости использовать поля, смещения столбцов Bootstrap будут делать трюк

Спасибо за быстрый ответ, однако Navigation и Footer имеют ширину 100% и разные цвета.
@mahirastogi Я не добавил ни одного стиля. Это просто скелет. Если вы добавите туда контент, вы увидите его. Если вы не хотите использовать заполнение по умолчанию, которое Bootstrap добавляет в Navigation, и Footer добавляет к ним класс CSS с заполнением нулями, например так: padding: 0 !important;