https://github.com/abdullah-niaz/bootstrap-essentials
"Comprehensive Bootstrap beginner's guide: with examples"
https://github.com/abdullah-niaz/bootstrap-essentials
Last synced: 7 months ago
JSON representation
"Comprehensive Bootstrap beginner's guide: with examples"
- Host: GitHub
- URL: https://github.com/abdullah-niaz/bootstrap-essentials
- Owner: Abdullah-Niaz
- Created: 2024-06-17T11:47:23.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-27T13:00:44.000Z (over 1 year ago)
- Last Synced: 2025-01-17T10:28:42.605Z (9 months ago)
- Language: HTML
- Homepage:
- Size: 98.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](#01_containers)
2. [Grid Breakpoints](#02_Grid)
3. [Columns](#03_Columns)
4. [Columns Offset](#04_offset_columns)
5. [Nesting Columns](#05_nesting_columns)
6. [Media Objects](#06_media_objects)
7. [Typography](#07_Typography)
8. [Images](#08_Images)
9. [Tables](#09_Tables)
10. [Figures](#10_Figures)
11. [Colors](#11_Colors)
12. [Borders](#12_Borders)
13. [Text](#13_Text)
14. [Spacing](#14_spacing)
15. [Vertical Align](#15_Vertical_Align)
16. [Visibility](#16_Visibilit)
17. [Position](#17_position)
18. [Cards](#18_Card)
19. [Dropdown](#19_DropDown)
20. [Collapse](#20_Collapse)
21. [Accordion](#21_Accordion)
22. [Badges](#22_Badges)
23. [Navigation](#23_Nav)
24. [Tabs](#24_Tabs)
25. [Navbar](#25_NavBar)
26. [Navbar Behaviours](#26_NavBar_Behaviour)
27. [Carousel](#27_Carosul)
28. [Progress Bars](#28_progress)
29. [Spinners](#29_Spinners)
30. [Toasts](#30_Toasts)
31. [ScrollSpy](#31_ScrollSpy)
32. [Popovers](#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](https://git-scm.com/).
- A code editor, such as [Visual Studio Code](https://code.visualstudio.com/).
- Basic knowledge of HTML and CSS.
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/Abdullah-Niaz/Bootstrap-Essentials.git
```
2. **Navigate to the project directory:**
```bash
cd Bootstrap-Essentials
```
3. **Open the project in your code editor:**
```bash
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.