col md bootstrap 4

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.row{
2    display: flex;
3    flex-wrap: wrap;
4	margin-right: -15px;
5    margin-left: -15px;
6}

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