BootstrapGridSystem/BootstrapThree.html at f4bcfdde108884e96b7bf99fa1ae75c714cccad7 · paircolumbus/BootstrapGridSystem · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

    <!-- You'll need to add a bit of your own styling to get the desired result. -->
    <style type="text/css">
    	.red {
    		background-color: rgb(255,0,0);
    	}

    	.blue {
    		background-color: rgb(0,0,255);
    	}

    	.black {
    		background-color: #000;
    	}

    	.box{
    		height: 100px;
    	}

    </style>
</head>
<body>
    <!-- Add the divs you'll need to achieve the desired result bellow this line. -->
    <div class="row">
	    <div class="col-xs-12 col-md-6 black box"></div>
	    <div class="col-xs-12 col-md-6 col-lg-3 blue box"></div>
	    <div class="col-xs-12 col-lg-3 visible-lg red box"></div>
  </div>
</body>
</html>