★★★★★
"The structure, the practice exams, the instructor — all top tier. Passed first try."
AS
Ranjan PradhanSenior Project Manager
— The journey
Course Outline
What the programme covers, module by module.
Module 1: Introduction to Bootstrap
- Bootstrap overview
- Front-end frameworks
- Bootstrap features
- Mobile-first approach
- Bootstrap structure
- Common use cases
Module 2: Bootstrap Environment Setup
- Bootstrap installation
- CDN setup
- Project structure
- CSS integration
- JavaScript integration
- Creating a starter page
Module 3: Containers & Breakpoints
- Containers
- Fluid containers
- Responsive containers
- Bootstrap breakpoints
- Responsive behaviour
- Layout planning
Module 4: Bootstrap Grid System
- Rows and columns
- Grid structure
- Column sizing
- Responsive columns
- Gutters
- Nested grids
Module 5: Responsive Layout Design
- Mobile-first layouts
- Responsive breakpoints
- Column ordering
- Offsetting columns
- Alignment
- Responsive visibility
Module 6: Typography & Content Styling
- Headings
- Paragraphs
- Display headings
- Text alignment
- Font utilities
- Lists and quotations
Module 7: Colours, Backgrounds & Borders
- Text colours
- Background colours
- Border utilities
- Border radius
- Opacity
- Visual styling utilities
Module 8: Images & Tables
- Responsive images
- Image thumbnails
- Image alignment
- Bootstrap tables
- Responsive tables
- Table styling
Module 9: Buttons & Button Groups
- Button styles
- Button sizes
- Outline buttons
- Button groups
- Disabled states
- Responsive button layouts
Module 10: Bootstrap Forms
- Form controls
- Labels
- Select menus
- Checkboxes
- Radio buttons
- Form layouts
Module 11: Form Validation & Input Components
- Input groups
- Floating labels
- Validation states
- Feedback messages
- Form accessibility
- Responsive forms
Module 12: Navigation Components
- Navs
- Navbars
- Responsive navigation
- Dropdown menus
- Breadcrumbs
- Pagination
Module 13: Cards & Content Components
- Cards
- Card layouts
- List groups
- Badges
- Alerts
- Progress components
Module 14: Interactive Bootstrap Components
- Collapse
- Accordion
- Modal
- Carousel
- Tooltips
- Popovers
Module 15: Bootstrap Utility Classes
- Spacing utilities
- Display utilities
- Flexbox utilities
- Position utilities
- Sizing utilities
- Responsive utilities
Module 16: Customising & Building Responsive Interfaces
- Bootstrap variables awareness
- Custom CSS
- Overriding Bootstrap styles
- Accessibility considerations
- Responsive interface development
- Building complete page layouts
— 01.2 · Is it right for you?
Who it's for & what's included
Pick a delivery method to see exactly who it suits and everything you receive.
Who it's for
Classroom
Best for learners who want face-to-face tuition and to network with peers in person.
What's included
Everything you get
- ✓ Live instructor on-site
- ✓ Printed workbook & materials
- ✓ Group exercises & case studies
Who it's for
Online Instructor-Led
Best for learners who want a live instructor and a fixed schedule, without the travel.
What's included
Everything you get
- ✓ Live instructor via video call
- ✓ Digital workbook & resources
- ✓ Session recordings
Who it's for
Self-Paced
Best for self-motivated learners who need maximum flexibility around work and life.
What's included
Everything you get
- ✓ On-demand video lessons
- ✓ Interactive quizzes
- ✓ 24/7 access on any device
— About this course
Course Overview
The Bootstrap Front-End program provides working professionals with foundational skills for creating responsive and modern web interfaces using Bootstrap. Participants learn Bootstrap setup, containers, breakpoints, grid layouts, typography, colours, tables, images, forms, buttons, navigation, cards, utility classes, responsive design, interactive components, customisation, accessibility, and practical front-end development.