в Работа

Boostrap: 5 колонок

Как известно, в bootstrap нету grid’a из пяти колонок по умолчанию. Но мы как всегда можем придумать любой лайфхак.

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-1-5 { width: 20%; float: left; }
@media (min-width: 768px) {
  .col-sm-1-5 { width: 20%; float: left; }
} 
@media (min-width: 992px) {
  .col-md-1-5 { width: 20%; float: left; }
}
 
@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; float: left; }
}

В новых версиях Bootstrap этот грид уже встроен по-умолчанию.

Оставить комментарий

Комментарии