Skip to content

Instantly share code, notes, and snippets.

@SamDuvall
Last active Aug 29, 2015
Embed
What would you like to do?
2 Column Layout (Bootstrap vs Flexbox)
<div class="feature">
<div class="container">
<div class="row">
<div class="col-sm-6">
<!--- Image Goes Here --->
</div>
<div class="col-sm-6">
<!--- Text Goes Here --->
</div>
</div>
</div>
</div>
.feature {
display: flex;
align-items: center;
justify-content: center;
}
feature.reverse {
flex-direction: row-reverse;
}
<div class="feature">
<div>
<!--- Image Goes Here --->
</div>
<div>
<!--- Text Goes Here --->
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment