Introduction to Bootstrap Training in Rancho Cucamonga

Enroll in or hire us to teach our Introduction to Bootstrap class in Rancho Cucamonga, California by calling us @303.377.6176. Like all HSG classes, Introduction to Bootstrap may be offered either onsite or via instructor led virtual training. Consider looking at our public training schedule to see if it is scheduled: Public Training Classes
Provided there are enough attendees, Introduction to Bootstrap may be taught at one of our local training facilities.
We offer private customized training for groups of 3 or more attendees.

Course Description

 
This Introduction to Bootstrap 4 course teaches students how to use the world's most popular framework for building responsive, mobile-first sites.
Course Length: 2 Days
Course Tuition: $790 (US)

Prerequisites

Experience in the following is required for this Bootstrap class: HTML, CSS, JavaScript

Course Outline

 
Getting Started with Bootstrap Basics
Introduction to Bootstrap 4
What Is Bootstrap?
What Is a Framework?
What Is Responsive Design?
What Is Mobile-first Design?
Major Changes in Bootstrap 4
Creating a Basic HTML Template with Bootstrap
How to Download Bootstrap
Applying Styles and Functions with Class
  
Bootstrap Layout
What Is the Viewport?
Understanding Breakpoints
Bootstrap's Breakpoints
Introducing Bootstrap's Grid System
Using Responsive Classes
Containers
Rows and Columns
Making Grids
  
Creating Responsive Navigation
Using the nav Component
nav Modifiers
HTML data- Attributes
The role Attribute
Working with nav Modifier Classes
Using the navbar Component
Create a Responsive Navigation Header
  
Bootstrap Typography
How Bootstrap Updates Browser Defaults
Introducing Reboot
Bootstrap Default Styles
Understanding rem and em
em
rem
Headings and Paragraphs
Styling Blocks With rem
Styling Text Inside Blocks
Inline Elements
Text Utilities
  
Tables
Responsive Tables
Breakpoint-specific Responsive Tables
Overall Table Styles
Styling Tables
Table Headers
The scope Attribute
Contextual Classes
  
Bootstrap Forms
Browser Input Inconsistencies
Form Controls
Input Types
Form Layout
Form Groups
Grid Layout
Horizontal Forms
Sizing
Styling a Form
  
Images
Making Images Responsive
Responsive CSS
Using the Picture Element
Aligning Images
Float Classes
Centering Images
Figures
Create a Page with Images
  
Bootstrap Components
Styling Buttons
Outline Buttons
Button Sizes
Carousel
Make a Carousel
Jumbotron
Alerts
Collapse
Modal
Pagination
Card
Tooltip
Popover
  
Bootstrap Utilities
Borders
Border Colors
Border Width
Rounded Corners
Position
Shadows
Spacing Utilities
Misc Helpful Utilities
Clearfix
Close Icon
Embed
Screenreaders
Visibility
Build a Single-page Website, Part 1
  
Bootstrap Flex
What is Flexbox?
Create a Flexbox Container
Inline Flexbox
Responsive Flexboxes
The Two Axes
Flex Directions
Justify Content
Alignment
Order
Build a Single-page Website, Part 2

Course Directory [training on all levels]

Upcoming Classes
Gain insight and ideas from students with different perspectives and experiences.

Interesting Reads Take a class with us and receive a book of your choosing for 50% off MSRP.