Welcome to the Bootstrap Essentials repository! This repo is designed to cover all the fundamental topics of Bootstrap that beginners need to get started and continue their journey in web development. Below, you will find a comprehensive list of topics, along with the latest commits and instructions on how to use this repository on your machine.
- Containers
- Grid Breakpoints
- Columns
- Columns Offset
- Nesting Columns
- Media Objects
- Typography
- Images
- Tables
- Figures
- Colors
- Borders
- Text
- Spacing
- Vertical Align
- Visibility
- Position
- Cards
- Dropdown
- Collapse
- Accordion
- Badges
- Navigation
- Tabs
- Navbar
- Navbar Behaviours
- Carousel
- Progress Bars
- Spinners
- Toasts
- ScrollSpy
- Popovers
To use this repository on your local machine, follow these steps:
- Git installed on your machine. You can download it here.
- A code editor, such as Visual Studio Code.
- Basic knowledge of HTML and CSS.
- Clone the repository:
git clone https://github.com/Abdullah-Niaz/Bootstrap-Essentials.git
- Navigate to the project directory:
cd Bootstrap-Essentials
- Open the project in your code editor:
code .
Each topic is covered in a separate HTML file. You can open these files in your browser to see the Bootstrap components in action. For example, to view the containers topic:
- Open
01_containers.html
in your browser. - Explore the code in your editor to understand how Bootstrap classes are applied.
Contributions are welcome! Please fork the repository and create a pull request with your changes.
Happy coding! If you have any questions or feedback, feel free to reach out.