1513 читали · 6 лет назад
Bootstrap. Блоки одинаковой высоты
В Этой статье я покажу как сделать блоки одинаковой высоты по средствам CSS. Адаптивные блоки одинаковой высоты на Bootstrap. Допустим вы создали сетку в два ряда, и теперь добавив содержимое одного блока мы заметили что соседний блок пустой и уже другого, это не красиво и не симметрично. Давайте исправим это, используя только CSS. Стандартная сетка Bootstrap, выглядит примерно так: <div class="row"> <div class="col-md-6">1 блок</div> <div class="col-md-6">2 блок</div> </div> Для того чтобы эти два блока были одинаковой высоты, вписываем CSS: ...
3 года назад
Bootstrap ч.2, практика
Для верстки сайта с помощью библиотеки Bootstrap будем использовать колоночную сетку, а так же Reboot - набор изменений для отдельных элементов CSS в едином файле. Начинаем с шапки и оборачиваем её в тег header. В контексте правильного создания сайтов лучше будет создать не просто ссылки, а именно список, внутри которого есть элементы, внутри которых и содержится ссылка. Это будет правильнее и с точки зрения продвижения сайта. Стили Шапка готова При наведении элемент меняет цвет на синий, это можно иправить...