Bootstrap Grid columns

Asked Jul 19 '17 at 14:09

Active Jul 19 '17 at 14:09

Viewed 41 times

I am trying this code to divide columns, but i am unable to divide. colors are not important

<div class="row">
    <div class="col-sm-2" style="background: red;height: 20vh;"></div>
    <div class="col-sm-6" style="background: blue;height: 20vh;"></div>
    <div class="col-sm-4" style="background: pink;height: 50vh;"></div> 
 </div>
<div class="row"> 
    <div class="col-sm-5" style="background: green;height: 20vh;"></div>
    <div class="col-sm-3" style="background: red;height: 20vh;"></div>

</div>

my expected output is:

asked Jul 19 '17 at 14:09

DPS

Your colours don't match - difficult to tell exactly what you want – Jack Parkinson Jul 19 '17 at 14:12
You need to divide the initial row into two **columns* and have rows inside that. – Paulie_D Jul 19 '17 at 14:13
colors can be anything sir. – DPS Jul 19 '17 at 14:13
Yes, but in your representation of what you want, it's difficult to tell which `col` matches up with which. – Jack Parkinson Jul 19 '17 at 14:14
1

You mean, something like this? https://jsfiddle.net/ur3c8pv9/2/ . Is that what you need? – Ionut Necula Jul 19 '17 at 14:20

Bootstrap Grid columns

0 Answers0