• Bootstrap test

Bootstrap test

My First Bootstrap Page

Resize this responsive page to see the effect!

Column 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

.col-sm-4
.col-sm-4
.col-sm-4
.col-sm-4
.col-sm-8

h1 Bootstrap heading (36px)

h2 Bootstrap heading (30px)

h3 Bootstrap heading (24px)

h4 Bootstrap heading (18px)

h5 Bootstrap heading (14px)
h6 Bootstrap heading (12px)
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com

Bootstrap Tutorial

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.

Column 1
Resize the browser window to see the effect. Also try to remove the div clearfix line and see what happens.
Column 2
Column 3
Column 4
.col-sm-4 .col-sm-push-8
.col-sm-8 .col-sm-pull-4
.col-sm-4 .col-sm-push-8
.col-sm-8 .col-sm-pull-4