Duration: 40 Days [1.5 Hours/Day]
Eligibility: 10th Passed
BootStrap Course Syllabus
Fill this information
- Introduction & Setup-:What is Bootstrap?, Features & advantages of Bootstrap 5, Differences from Bootstrap 4, Downloading & setting up Bootstrap 5- CDN vs Local installation, File structure & linking in HTML.
- Layout Basics-:Bootstrap Grid system (12-column layout), Containers (.container, .container-fluid), Rows & Columns, Responsive breakpoints (sm, md, lg, xl, xxl), Nesting columns.
- Typography & Utilities-:Headings, paragraphs, blockquotes, Text alignment & transformation, Colors, background utilities, Spacing utilities (margin & padding), Borders, shadows, display utilities.
- Images & Media-:Responsive images (.img-fluid),Image thumbnails & alignment, Figures & captions, Embedding videos & responsive embeds
- Components-: Buttons & button groups, Badges, Alerts, Progress bars, Spinners, Breadcrumbs, Pagination, List groups, Cards (with images, headers, footers, grids).
- Navbar & Carousel:Navbar (basic, responsive, sticky, dropdowns), Carousel slider in Bootstrap.
- Forms-:Form controls (inputs, selects, checkboxes, radios, switches), Input groups, Floating labels, Validation states, Custom styles.
- Advanced Components-: Modals, Offcanvas, Tooltips & Popovers, Collapse & Accordion, Toast notifications.
- Layout Utilities & Helpers-:Flex utilities (alignments, justify, order), Grid alignment & ordering, Vertical & horizontal centering, Position utilities (fixed, sticky, relative), Sizing helpers.
- Project / Integration-:Create a small project using Bootstrap 5- Responsive Landing Page / Portfolio / Admin Dashboard.
