Bootstrap Tutorial

A structured collection of my Bootstrap learning journey, including concepts, components, layouts, forms, and practice implementations created while learning Bootstrap for frontend web development.

📚 Topics Covered

• Introduction to Bootstrap
• Using Bootstrap
• Bootstrap Containers
• Bootstrap Buttons
• Badges
• Alerts
• Button Groups
• Navbar
• Cards
• Bootstrap Grid
• Grid Vertical Alignment
• Form Controls
• Select Inputs
• Checkbox & Radio Inputs
• Form Layouts

📂 Repository Structure

bootstrap-tutorial/
│
├── 01-Basics/
│   ├── 01-01-what-is-bootstrap.html
│   └── 01-02-using-bootstrap.html
│
├── 02-Components/
│   ├── 02-01-button.html
│   ├── 02-02-badge.html
│   ├── 02-03-alert.html
│   ├── 02-04-button-group.html
│   ├── 02-05-navbar.html
│   └── 02-06-card.html
│
├── 03-Layout/
│   ├── 03-01-container.html
│   ├── 03-02-grid.html
│   └── 03-03-grid-vertical-alignment.html
│
├── 04-Forms/
│   ├── 04-01-form-controls.html
│   ├── 04-02-select-in-form.html
│   ├── 04-03-checkbox-radio-form.html
│   └── 04-04-form-layout.html
│
├── LICENSE
└── README.md

📝 Learning Approach

This repository contains my implementations and practice code created while learning Bootstrap. The files are organized progressively, starting with the basics and moving toward Bootstrap components, layouts, grids, and forms.

📌 How You Can Help

• ⭐ Star this repository if you find it useful!
• 🔗 Share it with your friends and batchmates.
• 🛠️ Contribute by creating a Pull Request if you have more materials to share.

🤝 Connect with Me

     

Thank you for visiting! Happy Learning 🚀