Instructor-led training
Introduction to Bootstrap Training in Fort Mill, South Carolina
This Introduction to Bootstrap 4 course teaches students how to use the world's most popular framework for building responsive, mobile-first sites.
What you'll learn
This Introduction to Bootstrap 4 course teaches students how to use the world's most popular framework for building responsive, mobile-first sites.
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
Training locations
Introduction to Bootstrap training across the U.S. and beyond.
We provide Introduction to Bootstrap training onsite and live online for organizations throughout the United States and internationally.
View all Introduction to Bootstrap training locations
Train your team with HSG
Private, instructor-led training customized for your organization.
- Onsite or live online delivery
- Customized curriculum
- Training for groups of 3 or more
- Flexible scheduling
- Experienced instructors
Questions? Call us at 303.377.6176
or email info@hartmannsoftware.com
Related training
Browse all Foundations of Web Design & Web Authoring courses →
Ready to train your team?
Let's customize this training for your organization.
Tell us about your employees, your goals, and your preferred schedule. We'll prepare a training proposal covering scope, delivery format, and pricing.