Bootstrap Layout
Example
- Align to vertical center
- Create Fixed Layout
- Create Full page image
- Create Small Grid Layout
- Create a row with span4 span4 span4
- Create even columns with col-6
- Create row with span2 and span10
- Create row with span4 and span8
- Create row with span4 span4 span4
- Create two columns with col-4 anc col-8
- Grid Layout
- Column ordering
- Layout banner with span6
- Card layout
- Layout for different size screen
- Screen Size
- Layout header with search bar
- Large screen
- Layout main content before sidebars
- Marketing Page
- Mobile and desktop
- Bump layout column
- Three column layout
- Mobile, tablet, and desktop
- Mark double column
- Mark full height column
- Mark response span3 layout
- Mix grid and ungrid together
- Set hover background color
- Help text
- span12 for entire row
Fluid
- Create Fluid Layout
- Create fluid grid
- Create fluid inner navbar
- Create fluid layout with span3
- Nested row with fluid grid
- Use fluid row and span12
Nest
- Create Full width element inside nested bootsrtap 3 grid
- Create Nested rows
- Create nested column layout
- Nesting columns
- Nest columns
- Nested span6 cell