1962 читали · 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: ...
Единицы измерения CSS для padding, margin, height, width
Всем привет, меня зовут Анна Блок и в этой статье мы продолжим говорить про единицы измерения CSS. Предыдущая статья была связана с тем, что я описывала все значения, которые можно использовать относительно такого свойства, как font-size, но при этом я не сделала совершенно никаких выводов для того, что бы вам стало ясно какую единицу измерения использовать и в какой ситуации. Выводы сформулирую в конце этой статьи. В начале поговорим о том, как использовать эти единицы измерения для других свойств, которые связаны с шириной и высотой: width, height, padding, margin, border-radius...