...">
Clever Geek Handbook

Center multiple bootstrap columns at less than 12 col

<div class="row">
    <div ng-repeat="tile in tiles" class="col-md-3"></div>
</div>

How can I make sure that these bootstrap columns are always centered even if there are only 2 of them?

+3


source to share


1 answer


Add the class row-center

to line and col-center

to col-md-3 like this:

<div class="row row-center">
  <div ng-repeat="tile in tiles" class="col-md-3 col-center"></div>
</div>

.row-center {
  text-align:center;
}

.col-center {
  display:inline-block;
  float:none;
}


Bootply Demo

+9


source






More articles:


All Articles