Creating Responsive Layouts with Bootstrap

The Creating Responsive Layouts with Bootstrap training course teaches you how to leverage Bootstrap to build responsive websites quickly.

The Creating Responsive Layouts with Bootstrap course begins with a review of HTML and CSS, then discusses Bootstrap features, including the responsive grid. The course transitions into a discussion of the ways in which forms and navigation elements can be leveraged to make the development process more efficient.

Prior HTML and CSS experience is assumed in this framework-based course. If you are looking for basic HTML and CSS training, we recommend taking the Introduction to HTML5 and Introduction to CSS3 training courses first.

Course Summary

Learn to leverage Bootstrap to build responsive websites quickly.
Skill Level: 
Learning Style: 

Hands-on training is customized, instructor-led training with an in-depth presentation of a technology and its concepts, featuring such topics as Java, OOAD, and Open Source.

Hands On help
2 Days
Productivity Objectives: 

Upon completion of this course, you should know:

  • The Importance of Mobile Compatibility
  • HTML5 and CSS3 (Review)
  • Overview of Bootstrap
  • How to Build a Fluid Grid
  • How to Use 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
    • Understanding 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

Meet Your Instructor

Alex banks

Alex began writing code as an eight year old on his first computer, a Tandy TRS-80. In 1995, Alex developed his first website and has been hooked ever since. He went on to study Computer Science at Georgetown University, followed by working as a government consultant and classroom instructor in the Washington, D.C.-area.

Alex has spent his entire career developing web applications that work in the browser, and teaching web development technologies. He has developed several large-...

Meet Alex »
Photo of Instructor
Jeff Newburn

Jeff is a software development veteran with over over 15 years of experience writing software in a variety of different languages.

After years of exploring various languages including PHP, Java, and Python, he created Zappos’ first Tech University charged with tech education of technical staff. During this time he also developed the main training program to bring the department into the Amazon fold as a full-fledged dev shop on their tools and systems.


Meet Jeff Newburn »

Get Custom Training Quote

We'll work with you to design a custom Creating Responsive Layouts with Bootstrap training program that meets your specific needs. A 100% guaranteed plan that works for you, your team, and your budget.

Learn More

Chat with one of our Program Managers from our Boulder, Colorado office to discuss various training options.

DevelopIntelligence has been in the technical/software development learning and training industry for nearly 20 years. We’ve provided learning solutions to more than 48,000 engineers, across 220 organizations worldwide.

About Develop Intelligence
Di Clients
Need help finding the right learning solution?   Call us: 877-629-5631