Project from online course to help learn bootstrap
The purpose of the project is to lay the foundations how bootstrap works. The name of the online course is "Bootstrap 4 for the Developer" from Mario Duilio Macari, wihch can be found in pluralsight. The content in this project is divided in sections, and every section is in different html file.
- Bg colors
- Containers and rows
- Media breakpoints
- Grid system
- Aligments and offsets
- Padding display and margins
- Flexbox / Flexible box
- Precoded navbar, navbar colors
- Search box in navbar
- Breadcrumbs
- Pagination
- Sticky navbars
- Headlines
- Text colors
- Paragraphs and Blockquotes
- Inline elements
- Responsive floats
- Fixed types and justify text
- Buttons
- Alerts
- Badges
- Images
- Footer and Font Awasome
- Cards
- Tables
- Borders
- Media Objects
- Forms
- Other Bootstrap Components - Jumbotron, Carousels, Collapse, Accordian
- JavaScript - Tooltips, Modals, Popovers, Scrollspy
-
4 Principles of graphic design
-
All bootstrap color names
-
Containers and rows
-
Media breakpoints
-
Grid system
-
Aligment and offsets
-
Padding, display and margins
-
Flexbox
-
Navbars
-
Breadcrumbs
-
Pagination
-
Styckey navbars
-
Headlines
-
Text colors
-
Paragraphs and Blockquotes
-
Inline Elements
-
Lists
-
Responsive floats
-
Buttons
-
Alerts
-
Badges
-
Footer and Fontawasome
-
Cards
-
Tables
-
Borders
-
Media Objects
-
Forms
-
Jumbotron
-
Tooltips
- Bootstrap from 4.0.0 to 5.0.0
- Fontawasome v5.15.2
- Jquery 3.2.1, 3.3.1
- Popper 1.12.9, 1.14.3
- Begin with the Starter template from https://getbootstrap.com/docs/5.0/getting-started/introduction/
- Emmet extention https://emmet.io/ for easier coding
- Live Server https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer extention for live local reload on the code
Project is: finished
Created by @Lilyah - feel free to contact me!