Skip to content

Instantly share code, notes, and snippets.

@mariapaulinar
Created March 28, 2017 16:24
Show Gist options
  • Save mariapaulinar/28945c83bc09d765d365cba089cee280 to your computer and use it in GitHub Desktop.
Save mariapaulinar/28945c83bc09d765d365cba089cee280 to your computer and use it in GitHub Desktop.
Centrar div con bootstrap
<div class="container">
<div class="row row-centered">
<div class="col-xs-6 col-centered"></div>
<div class="col-xs-6 col-centered"></div>
<div class="col-xs-3 col-centered"></div>
<div class="col-xs-3 col-centered"></div>
<div class="col-xs-3 col-centered"></div>
</div>
</div>
/* centered columns styles */
.row-centered {
text-align:center;
}
.col-centered {
display:inline-block;
float:none;
/* reset the text-align */
text-align:left;
/* inline-block space fix */
margin-right:-4px;
}
@Megajjks
Copy link

Thanks bro

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment