Course: Bootstrap Components - Playbook
Bootstrap has many components that can be overwhelming to learn and understand. In this course, Bootstrap Components: Playbook, you’ll learn to understand and utilize the Bootstrap components to create a web site with a streamlined appearance in a timely manner. First, you’ll explore general class styles to add color and enhancements to buttons, and unordered lists. Next, you’ll discover site wide components such as navigation, pagination, and breadcrumbs. Finally, you’ll learn how to layout modules of information with the card component. When you’re finished with this course, you’ll have the skills and knowledge of Bootstrap components needed to produce a visually appealing site in minimal time.
Course Overview
Before You Start
- Introduction
- Development Environment
- CodePen Setup
- Course Organization
Color
- Color
- Text and Background Color
- Border Color
- Component Color
- Hidden Colo
- Customize Color
Button and Button Group
- Button
- Button Demo
- Button Group
- Button Group Demo
Badge
- Badge
- Badge Demo - v4
- Badge Demo - v5
List Group
- List Group
- List Group Demo
Forms
- Form Basics
- Select
- Radio and Checkbox
- Input Group
- Range
- File
- Form Demo
Alert
Jumbotron
- Jumbotron
- Jumbotron Demo - v4
- Jumbotron Demo - v5
Nav and Navbar
- Nav
- Nav Demo
- Navbar
- Navbar Responsive
- Navbar Demo
Breadcrumb
- Breadcrumb
- Breadcrumb Demo
Pagination
- Pagination
- Pagination Demo
Progress
Card
- Card
- Card Body
- Card with Image
- Card Demo