четверг, 14 июля 2016 г.

5 columns layout with Twitter Bootstrap

based on http://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap/ , modified for fitting 5 columns in any >320px width displays.

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

@media (min-width: 320px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

And use it like this:
<div class="col-md-15 col-sm-3">
    ...
</div>

Комментариев нет:

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