Skip to content

Instantly share code, notes, and snippets.

@LivingInSyn

LivingInSyn/flexbox_align_in_bs_column.html

Created August 16, 2017 15:35
Show Gist options
  • Save LivingInSyn/6f9cd3dcc945efb46cd02a85b919330f to your computer and use it in GitHub Desktop.
Save LivingInSyn/6f9cd3dcc945efb46cd02a85b919330f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
flexbox_align_in_bs_column.html
<style>
.vAlign {
min-height: 100%;
display: inline-flex;
align-items: center;
width:100%;
}
.cAlign {
display:inline-flex;
flex-direction:column;
align-items:center;
width:100%;
}
</style>
<div class="col-xs-3">
<div class="vAlign">
<div class="cAlign">
<span>hello</span>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment