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.