Step 1

Use Responsive Design with Bootstrap Fluid Containers

Step 2

Make Images Mobile Responsive

Step 3

Center Text with Bootstrap

Step 4

Create a Bootstrap Button

Step 5

Taste the Bootstrap Button Color Rainbow

Step 6

Call out Optional Actions with Button Info

Step 7

Warn your Users of a Dangerous Action

Step 8

Use the Bootstrap Grid to Put Elements Side By Side

Step 9

Ditch Custom CSS for Bootstrap

Step 10

Create a Block Element Bootstrap Button

Step 11

Use Spans for Inline Elements

Step 12

Create a Custom Heading

Step 13

Add Font Awesome Icons to our Buttons

Step 14

Add Font Awesome Icons to all of our Buttons

Step 15

Responsively Style Radio Buttons

Step 16

Responsively Style Checkboxes

Step 17

Style Text Inputs as Form Controls

Step 18

Line up Form Elements Responsively with Bootstrap

Step 19

Create a Bootstrap Headline

Step 20

House our page within a Bootstrap Container Fluid Div

Step 21

Create a Bootstrap Row

Step 22

Split your Bootstrap Row

Step 23

Create Bootstrap Wells

Step 24

Add Elements within your Bootstrap Wells

Step 25

Apply the Default Bootstrap Button Style

Step 26

Create a Class to Target with jQuery Selectors

Step 27

Add ID Attributes to Bootstrap Elements

Step 28

Label Bootstrap Wells

Step 29

Give Each Element a Unique ID

Step 30

Label Bootstrap Buttons

Step 31

Use Comments to Clarify Code