Dive into Bootstrap, the most popular CSS Framework for developing responsive and mobile-first websites. This course starts from the basics, guiding you through setting up Bootstrap and understanding its fundamental structure and grid system. By the end of this course, you'll be able to create a simple website using Bootstrap, incorporating proper structure, typography, and lists effectively.
Overview
Syllabus
- Lesson 1: Introduction and Setting Up Bootstrap
- Getting Familiar with the IDE
- Adding Bootstrap to Your Project
- Modifying The Content
- Lesson 2: Bootstrap Structure and Containers
- Understanding Bootstrap Containers
- Responsive Containers in Bootstrap
- Fix the Bootstrap Containers
- Mastering Bootstrap Containers
- Bootstrap Containers from Scratch
- Lesson 3: Bootstrap Grid System
- Understanding the Bootstrap Grid System
- Adapting Bootstrap Grid Layout
- Fix Bootstrap Grid Layout Issue
- Add a Row to Bootstrap Grid
- Building a Responsive Grid Layout
- Lesson 4: Bootstrap Typography
- Bootstrap Typography in Action
- Exploring Bootstrap Text Styles
- Fix the Blockquote Styling
- Understanding Bootstrap Typography Classes
- Bootstrap Typography from Scratch
- Lesson 5: Enhancing Content with Lists and Icons
- Lists and Icons in Action
- Modify the Given List
- Debugging with Lists
- Adding An Additional Item
- Creating an Elephant Sanctuary Page