В Этой статье я покажу как сделать блоки одинаковой высоты по средствам CSS.
Адаптивные блоки одинаковой высоты на Bootstrap.
Допустим вы создали сетку в два ряда, и теперь добавив содержимое одного блока мы заметили что соседний блок пустой и уже другого, это не красиво и не симметрично. Давайте исправим это, используя только CSS.
Стандартная сетка Bootstrap, выглядит примерно так: <div class="row"> <div class="col-md-6">1 блок</div> <div class="col-md-6">2 блок</div> </div> Для того чтобы эти два блока были одинаковой высоты, вписываем CSS: ...
Все чаще скрипты можно заменить стилями. Сегодня расскажу как сделать горизонтальный слайдер с полосой прокрути уже (меньше по ширине), чем родительский блок. Сперва накидаем html: <div class="block">
<span></span><span></span><span></span><span></span><span> </span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
</div> немного стилей: .block{
display: flex;
margin: 100px -10px 100px;
overflow-x: auto;
}.
block>span{
width: 150px;
...