Skip to content

Instantly share code, notes, and snippets.

@jtomchak

jtomchak/index.html

Created February 6, 2018 22:03
Show Gist options
  • Save jtomchak/cf9fdfe802376d2c1047723384b13524 to your computer and use it in GitHub Desktop.
Save jtomchak/cf9fdfe802376d2c1047723384b13524 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap columns for md sm lg
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Kissy Movies</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="big-box">
<h3>Column 1</h3>
<p>Lorem ipsum dolor.....Lorem ipsum dolor....Lorem ipsum dolor....Lorem ipsum dolor....Lorem ipsum dolor....Lorem
ipsum dolor....Lorem ipsum dolor....Lorem ipsum dolor....Lorem ipsum dolor....Lorem ipsum dolor....Lorem ipsum
dolor....Lorem ipsum dolor....Lorem ipsum dolor....Lorem ipsum dolor....Lorem ipsum dolor....Lorem ipsum dolor....</p>
<p>UI emim ad..</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="big-box">
<h3>Column 2</h3>
<p>Lorem ipsum dolor...</p>
<p>UI emim ad..</p>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-md-4 col-sm-6">
<div class="big-box">
<h3>Column 3</h3>
<p>Lorem ipsum dolor....</p>
<p>UI emim ad..</p>
</div>
</div>
<div class="clearfix visible-md-block visible-lg-block"></div>
<div class="col-md-4 col-sm-6">
<div class="big-box">
<h3>Column 4</h3>
<p>Lorem ipsum dolor....</p>
<p>UI emim ad..</p>
</div>
<div class="clearfix visible-sm-block"></div>
</div>
<script src="app.bundle.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment