Description
Bootstrap is an open-source JavaScript (JS) framework which is the combination of HTML 5, CSS3 and JavaScript (JS) programming language to build user interface components. Bootstrap is mainly developed to provide more and more advanced features for developing the responsive website within a short period of time.
Bootstrap course content
Module 1: Introduction to Bootstrap
- What is Bootstrap?
- Overview of Bootstrap Framework
- Benefits of Using Bootstrap
- Setting Up Bootstrap
- Including Bootstrap via CDN
- Downloading Bootstrap Files
Module 2: Bootstrap Grid System
- Understanding the Grid System
- Rows and Columns
- Breakpoints and Responsive Design
- Creating Layouts
- Fixed vs. Fluid Layouts
- Nesting Columns
- Offset and Order Classes
Module 3: Bootstrap Components
- Navigation
- Navbar Creation and Customization
- Dropdowns and Toggles
- Forms
- Form Controls and Layouts
- Validation States
- Buttons and Badges
- Button Styles and Sizes
- Creating Badges
- Cards
- Card Components and Their Usage
- Combining Cards with Images
Module 4: Bootstrap Utilities
- Spacing and Alignment
- Margin and Padding Utilities
- Flexbox Utilities for Alignment
- Text Utilities
- Typography Options
- Text Alignment and Color Utilities
- Backgrounds and Borders
- Background Color Utilities
- Border Utilities
Module 5: Bootstrap JavaScript Components
- Introduction to Bootstrap JS
- Dependency on jQuery and Popper.js
- Interactive Components
- Modals
- Tooltips and Popovers
- Alerts and Toasts
Module 6: Customization and Theming
- Customizing Bootstrap
- Overriding Default Styles with CSS
- Using SASS to Customize Bootstrap
- Creating Custom Themes
- Basics of Theming
- Building a Responsive Theme
Courses Features
-
LanguageEnglish
-
Lectures02
-
CertificationYes
-
Project02
-
Duration4 hrs
-
Max-Students20
