В Этой статье я покажу как сделать блоки одинаковой высоты по средствам CSS. Адаптивные блоки одинаковой высоты на Bootstrap. Допустим вы создали сетку в два ряда, и теперь добавив содержимое одного блока мы заметили что соседний блок пустой и уже другого, это не красиво и не симметрично. Давайте исправим это, используя только CSS. Стандартная сетка Bootstrap, выглядит примерно так: <div class="row"> <div class="col-md-6">1 блок</div> <div class="col-md-6">2 блок</div> </div> Для того чтобы эти два блока были одинаковой высоты, вписываем CSS: ...

Создание адаптивного шаблона — это важный этап разработки веб-сайтов. Использование базового разрешения 1366x768 как отправной точки и подключение отдельных CSS-файлов для мобильных устройств и планшетов — удобный способ разделить стили по логическим блокам. Давайте подробно разберём этот процесс, включая предложения по его улучшению. 1. Разделяем стили по устройствам: Каждое устройство (десктоп, планшет, смартфон) получит свой отдельный CSS-файл. Это облегчает поддержку и модернизацию. Пример структуры...