Skip to content

Instantly share code, notes, and snippets.

@Kevin-Kawai
Created August 30, 2017 02:42
Show Gist options
  • Save Kevin-Kawai/8b572cd55ce6d0fb313b84ef9b450bb3 to your computer and use it in GitHub Desktop.
Save Kevin-Kawai/8b572cd55ce6d0fb313b84ef9b450bb3 to your computer and use it in GitHub Desktop.
Flexbox and Bootstrap
<div class="row">
<div class="col-3 offset-2 bootstrap-ex">
<h1 class="text-center">Bootstrap</h1>
</div>
</div>
<div class="flexbox-ex">
<div class="flexbox-ex-inner">
<h1>Flexbox</h1>
</div>
</div>
.row {
margin-top:20px;
border-style:solid;
border-color:black;
}
.bootstrap-ex {
border-style:solid;
border-color:black;
height:80px;
margin-top:20px;
margin-bottom:20px;
}
.flexbox-ex-inner {
display:flex;
border-style:solid;
border-color:black;
margin-top:20px;
margin-bottom:20px;
margin-left: 300px;
}
.flexbox-ex {
margin-top: 20px;
display:flex;
border-style:solid;
border-color:black;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment