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

Purpose: 
Learn to leverage Bootstrap to build responsive websites quickly.
Role: 
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
Duration: 
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

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 »

Contact us to learn more

Not all training courses are created equal. Let the customization process begin! We'll work with you to design a custom Creating Responsive Layouts with Bootstrap training course that meets your specific needs.

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

surveyask

Need help finding the right learning solution?   Call us: 877-629-5631