Responsive Grid System
You probably don't need a grid system, but here you go
<div class="container">
<div class="row">
<div class="col col-6">.col-6</div>
<div class="col col-6">.col-6</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col col-6">
<div class="row">
<div class="col col-6">.col-6</div>
<div class="col col-6">.col-6</div>
</div>
</div>
<div class="col col-6">.col-6</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-right col-6">First</div>
<div class="col-right col-6">Second</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col col-4 col-pre-2">.col-pre-2</div>
<div class="col col-4 col-post-2">.col-post-2</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-center col-8">.col-center</div>
</div>
</div>
Works at all screen widths
<div class="container">
<div class="row">
<div class="mobile-col mobile-col-6">.mobile-col-6</div>
<div class="mobile-col mobile-col-6">.mobile-col-6</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="mobile-col mobile-col-6 col-8">.mobile-col-6.col-8</div>
<div class="mobile-col mobile-col-6 col-4">.mobile-col-6.col-4</div>
</div>
</div>
Non-floated, max-width based columns
<div class="container-col-10">.container-col-10</div>
<div class="container-col-8">.container-col-8</div>
<div class="container-col-6">.container-col-6</div>
Read the documentation and get started on Github.
View on Github