BootstrapGridSystem/BootstrapFive.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
<!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">
    <style type="text/css">
        .content {
					  background: #EEE;
						border: 1px solid #DDD;
						padding: 10px;
        }
    </style>
</head>
<body>
    <!-- Use the cute kitty pictures bellow, and arrange them into the desired result. You'll need the one style item defined above to complete this properly. The rest is all Bootstrap. -->
		<div class="row">
			<div class="content col-lg-2 col-md-3 col-sm-4 col-xs-6">I'm content!</div>
			<div class="content col-lg-2 col-md-3 col-sm-4 col-xs-6">I'm content!</div>
			<div class="content col-lg-2 col-md-3 col-sm-4 col-xs-6">I'm content!</div>
			<div class="content col-lg-2 col-md-3 col-sm-4 col-xs-6">I'm content!</div>
			<div class="content col-lg-2 col-md-3 col-sm-4 col-xs-6">I'm content!</div>
		<div class="content col-lg-2 col-md-3 col-sm-4 col-xs-6 visible-lg">I'm content only visible to large screens!</div>

		</div>

</body>
</html>