Bootstrapping! A Journey

Formatting the future. (One webpage at a time)

Ray's First Bootstrap Page

This is some text.

Button

Go to Boottry2

Button

Go to TrialBSRR

Working on learning layout.

Image Zero.

LoadPre

Image One.

Load01

Image Two.

Load02

Break Before Image 5

Rounded Corners

The .img-rounded class adds rounded corners to an image (not available in IE8):

Load05-jpg

Break After Image 5

Dropdowns

Selections from beyond.

Use the .dropdown-menu class to actually build the dropdown menu.

To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and data-toggle="dropdown".

Break After Dropdowns

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim

Break Before Hello

Hello, world!

First Column

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Second Column- Split into 4 boxes

Consectetur art party Tonx culpa semiotics. Pinterest assumenda minim organic quis.

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.