Bootstrap 3 столбца полной высоты: индивидуальное решение CSS
Введение:
Создание Полноразмерные макеты с помощью Twitter Bootstrap 3 могут оказаться сложной задачей. Хотя собственные классы Bootstrap не поддерживают эту функцию, этого эффекта можно добиться с помощью специального CSS.
Пользовательский подход CSS:
Разметка:
Header NavigationContent
CSS:
html, body, .container { height: 100%; } .container { display: table; width: 100%; margin-top: -50px; padding: 50px 0 0 0; } .row { height: 100%; display: table-row; } .row .no-float { display: table-cell; float: none; }
Преимущества и особенности:
Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.
Copyright© 2022 湘ICP备2022001581号-3