abdullah-niaz / bootstrap

"Comprehensive Bootstrap beginner's guide: with examples"

Bootstrap Essentials

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.

Table of Contents

1. Containers
2. Grid Breakpoints
3. Columns
4. Columns Offset
5. Nesting Columns
6. Media Objects
7. Typography
8. Images
9. Tables
10. Figures
11. Colors
12. Borders
13. Text
14. Spacing
15. Vertical Align
16. Visibility
17. Position
18. Cards
19. Dropdown
20. Collapse
21. Accordion
22. Badges
23. Navigation
24. Tabs
25. Navbar
26. Navbar Behaviours
27. Carousel
28. Progress Bars
29. Spinners
30. Toasts
31. ScrollSpy
32. Popovers

Getting Started

To use this repository on your local machine, follow these steps:

Prerequisites

• Git installed on your machine. You can download it here.
• A code editor, such as Visual Studio Code.
• Basic knowledge of HTML and CSS.

Installation

1. Clone the repository:

   git clone https://github.com/Abdullah-Niaz/Bootstrap-Essentials.git

2. Navigate to the project directory:

   cd Bootstrap-Essentials

3. Open the project in your code editor:

   code .

Usage

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:

1. Open 01_containers.html in your browser.
2. Explore the code in your editor to understand how Bootstrap classes are applied.

Contributing

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.