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: ...
Как улучшить сайт с помощью Bootstrap: добавляем стиль и адаптивность за 30 минут
В первой части мы создали простой сайт с помощью HTML и CSS за 1 час. Но что, если вы хотите сделать его современным, адаптивным для телефонов и планшетов, и при этом не писать тонны CSS-кода? Здесь на помощь приходит Bootstrap! В этой статье я покажу, как улучшить наш сайт с помощью этого мощного фреймворка. Понадобится всего 30 минут, и ваш сайт будет выглядеть профессионально! Bootstrap — это бесплатный фреймворк (набор готовых инструментов) для создания веб-сайтов. Он включает HTML, CSS и JavaScript, чтобы вы могли быстро добавлять стильные кнопки, меню, сетки и адаптивный дизайн...
06:44
1,0×
00:00/06:44
366,9 тыс смотрели · 3 года назад