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
parliament
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
Manoj kumar
source
to share