How to put 12 columns 5 blocks in bootstrap grid?

Question

Layout

prntscr.com/ggx1wy 12/5=2.4. col-md-2.4 can't be written like that?

Answer 1

You can do for example:

<div class="row">
 <div class="col-xs-2 col-xs-offset-1"></div>
 <div class="col-xs-2"></div>
 <div class="col-xs-2"></div>
 <div class="col-xs-2"></div>
 <div class="col-xs-2"></div>
</div>

There will be 5 blocks in the middle, but on the left and right there will be an indent equal to the width of col-xs-1

Answer 2

scss to the rescue

/* =======================================================
                Responsive 5 Columns Grid
======================================================= */
.col-lg-2-4{
  @include make-lg-column(2.4)
}
.col-md-2-4{
  @include make-md-column(2.4)
}
.col-sm-2-4{
  @include make-sm-column(2.4)
}