col md 6 bootstrap

1col-sm-offset-2

1<div class="row">
2    <div class="col-xs-12 col-md-8">.col-xs-12 col-md-8</div>
3    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
4</div>
5<div class="row">
6  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
7  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
8  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
9</div>
10<div class="row">
11  <div class="col-xs-6">.col-xs-6</div>
12  <div class="col-xs-6">.col-xs-6</div>
13</div>
14                

1.col-6{
2	flex: 0 0 50%;
3	max-width: 50%;
4}

1<div class="container">
2  <div class="row">
3    <div class="col">
4      1 of 3
5    </div>
6    <div class="col-6">
7      2 of 3 (wider)
8    </div>
9    <div class="col">
10      3 of 3
11    </div>
12  </div>
13  <div class="row">
14    <div class="col">
15      1 of 3
16    </div>
17    <div class="col-5">
18      2 of 3 (wider)
19    </div>
20    <div class="col">
21      3 of 3
22    </div>
23  </div>
24</div>

1.col-12{
2	flex: 0 0 100%;
3	max-width: 100%;
4}

1<div class="col-lg-2 col-md-4 col-sm-3 "> Your Stuffs </div>
2
3/*
4col-lg  for large
5
6col-md for med 
7
8col-sm for small 
9
10enjoy :) 
11*/
12