Develop Intelligence
Creating Responsive Layouts with Bootstrap
Learn to leverage Bootstrap to build responsive websites quickly.

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.

After this course, you will be able to:

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

This course will be delivered in 2 Days

DI will work with you and your team to define the most appropriate delivery structure, schedule and dates. Structure, schedule and dates will be determined by project schedule, team availability and classroom availability. And of course, it will also be determined by DI’s instructor availability.

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

Introduction to HTML5
Call us at (877) 629-5631