Tutorialspoint

MEGA SKILL MARATHON | FLAT 10% OFF | Use: MEGA10

Bootstrap Basic Course

person icon Shailesh Bhat

4.2

Bootstrap Basic Course

Web Development Fundamentals, Faster Website Development

updated on icon Updated on Apr, 2026

language icon Language - English

person icon Shailesh Bhat

category icon Programming,Web Development,Bootstrap

Lectures -8

Quizzes -2

Duration -41 mins

Lifetime Access

4.2

price-loader

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Course Outline: Bootstrap Basics
Module 1: Introduction and Environment Setup
  • Getting Started with Bootstrap: Overview of what Bootstrap is and why it's used for mobile-first, responsive web design.
  • Installation: How to navigate to getbootstrap.com and download necessary files.
  • The Starter Template: Understanding the base HTML structure required for Bootstrap 5 and how to copy it into a text editor (e.g., Sublime Text 3).
Module 2: Essential Layout and Grid Concepts
  • The Container Class: The difference between .container (fixed-width) and .container-fluid (full-width).
  • The Grid System: Understanding the row (.row) and column (.col) hierarchy.
  • Responsive Breakpoints: How to apply classes like .col-md-*, .col-lg-*, and .col-xl-* to adjust layouts for different screen sizes.
Module 3: Bootstrap Components
  • Navigation Bars: Implementing and customizing the default navbar with brand titles, links, and search bars.
  • Buttons: Using pre-defined button styles (btn-primary, btn-secondary, etc.) and understanding their semantic colors.
  • Cards: Building content containers using the .card and .card-body classes.
  • Modals: Creating interactive pop-up dialog boxes using the Bootstrap Modal plugin.
  • Carousels: Setting up a responsive image slideshow with indicators, controls, and captions.
Module 4: Customization and Final Implementation
  • Component Styling: Removing hardcoded styles (like fixed widths) to allow Bootstrap's responsive utility classes to take over.
  • Responsive Testing: Techniques for checking how elements stretch or stack on mobile versus desktop views.
  • Project Completion: Finalizing a basic Bootstrap-powered landing page.

Goals

  • Learn Bootstrap Basics
  • Build websites faster

Prerequisites

  • Should have learned HTML & CSS, Javascript
Bootstrap Basic Course

Curriculum

Check out the detailed breakdown of what’s inside the course

Module 1: Introduction and Environment Setup

1 Lectures
  • play icon Introducttion to Bootstrap 5 06:33 06:33

Module 2: Bootstrap Required Softwares

7 Lectures
Tutorialspoint

Instructor Details

Shailesh Bhat

Shailesh Bhat

Your Ideas, My Innovation

Previously I used to work for Naaptol.com, JustBuyLive.com, Maayra Retail & Lumina Datamatics, from June 2011 to Oct 2018.Then i thought, let's! try Online business & started Amazon Seller business in 2019. Finally i felt that, i must persue my original career; that is web development. So i took a web developer course in Seed Infotech & learnt Software Testing Course from Ifuture Technologies. I am ISTQB Foundation Level Tester.

Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515