Grid Examples

Two column layout - Collapse at Medium Screen Width
<div class="col-md-6">
<div class="col-md-6">
<div class="col-md-4">
<div class="col-md-8">
<div class="col-md-3">
<div class="col-md-9">
Two column layout - No Collapse
<div class="col-6">
<div class="col-6">
<div class="col-4">
<div class="col-8">
<div class="col-3">
<div class="col-9">
Three column layout - Collapse at Large Screen Width
<div class="col-lg-4">
<div class="col-lg-4">
<div class="col-lg-4">
<div class="col-lg-2">
<div class="col-lg-8">
<div class="col-lg-2">
<div class="col-lg-3">
<div class="col-lg-7">
<div class="col-lg-2">
Three column layout - Column Wrapping
<div class="col-md-4 col-lg-3">
<div class="col-md-8 col-lg-6">
<div class="col-md-12 col-lg-3">