Creating Responsive Layouts with Bootstrap Course

Course Summary

The Creating Responsive Layouts with Bootstrap training course is designed to demonstrate how to leverage Bootstrap to build responsive websites quickly.

The course begins with a review of Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS). Next, it discusses Bootstrap features, including the responsive grid. The course concludes with a discussion and hands-on exercises around ways in which forms and navigation elements can be leveraged to make the development process more efficient.

Purpose

Learn how to leverage Bootstrap to build responsive websites quickly.

Audience

Front-end developers and developer teams needing a robust way to make responsive web sites and applications.

Role

Web Developer

Skill Level

Advanced

Style

Workshops

Duration

2 Days

Related Technologies

Web Development

CSS

HTML / HTML5

Download

Productivity Objectives:

Describe the importance of mobile compatibility for websites and applications
Review HTML5 and CSS3 syntax and features
Assess the core features and benefits of Bootstrap
Build a fluid grid using the Bootstrap Grid system
Utilize common elements like Form Controls, Navigation, and Alerts

Learn About Virtual Training

Request Information

Get your team upskilled or reskilled today. Chat with one of our experts to create a custom training proposal. Fully customized at no additional cost.

If you are not completely satisfied with your training class, we'll give you your money back.

about our training

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
Expert Practitioners

Industry experts with 15+ years of industry experience that bring their battle scars into the classroom.
Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
Fully Customized

One-size-fits-all doesn't apply to training teams. That's where we come in!

What You'll Learn

In the Creating Responsive Layouts with Bootstrap training course, you'll learn:

HTML and CSS Review
- Creating Tag Based Layouts
- Review of Classes and IDs
- Understand Selectors
Introducing Frameworks and Responsive Design
- What are frameworks and why are they used?
- What is mobile first?
- What is responsive design?
- Understanding Media Queries
- Working with Grid Layouts
Introduction to Bootstrap
- Introduction to Bootstrap
- History of Bootstrap
- How to Use Bootstrap on Your Site
Working with the Bootstrap Fluid Grid
- Understanding Layout Classes
- Grid Options
- Nested Columns
- Offset Columns
Enhancing Design with Bootstrap
- Images
- Typography
Creating Forms with Bootstrap
- Inline Forms
- Horizontal Forms
Form Validation
- Supported Controls
- Buttons
- Progress Bars
- Dropdowns
Creating Navigation Elements with Bootstrap
- Navs
- Navbar
- Pills
- Tabs
- Breadcrumbs
Working with Bootstrap Alerts
- Alerts
- Dismissible Alerts
- Links in Alerts