Bootstrap
- Bootstrap 4 is latest version of bootstrap
- Bootstrap is a css frame work that most popular
- mobile approachable framework
- Responsive framework
- it's totally free
- Free to modify,save,share and use in our project
- All major browsers are supported but internet Explorer 9 and down isn't supported
Bootstrap Components
- Album
- Pricing
- Checkout
- Cover
- Carousel
- Sign-in
- Sticky Footer
- Blog
- Dashboard
- Sticky Footer navbar
Frame Works
- Template
- Grid
- Cheatsheet
- Cheatssheet rtl
Two Methodes to import Bootstrap
- Include Bootstrap 4 from a CDN
- Download Bootstrap 4 from getbootstrap.com
Containers
You learned from the previous chapter that Bootstrap requires a containing element to wrap site contents.
Containers are used to pad the content inside of them, and there are two container classes available:
- The
.containerclass provides a responsive fixed width container - The
.container-fluidclass provides a full width container, spanning the entire width of the viewport
Bootstrap 4 Grid System
Bootstrap's grid system is built with flexbox and allows up to 12 columns across the page.
If you do not want to use all 12 columns individually, you can group the columns together to create wider columns:
| span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 |
| span 4 | span 4 | span 4 | |||||||||
| span 4 | span 8 | ||||||||||
| span 6 | span 6 | ||||||||||
| span 12 | |||||||||||
No comments:
Post a Comment