1960 читали · 7 лет назад
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 года назад
Работа с Flexbox CSS: полная документация с примерами работы
В данной статье будут показаны все возможность нативного метода Flexbox. Данный метод верстки сайта за счет своей простоты становится все более популярным среди разработчиков. В этой статье я постараюсь в кротчайших деталях разобрать все тонкости метода Flexbox. Как было сказано ранее Flexbox популярен тем что с его помощью можно с легкостью решить задачи которые требуют много усилий и времени. Например расставить элементы в ряд по вертикали, или разместить по середине родителя, или прижать к низу экрана, или может сделать все объекты одного размера...