Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Creating Responsive Layouts with Bootstrap

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

 

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

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
real world content

Real-World Content

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

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.