Bootstrap 4

Bootstrap 4

Bootstrap Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-end development only.

Our Bootstrap training course is aimed at web developers who want to be able to rapidly create and deploy responsive, engaging and beautifully laid-out websites and web applications using the Bootstrap framework.

Bootstrap consists of HTML and CSS-based templates covering forms, buttons, navigation and typography, and has played a major part in the design principles of the current wave of cutting-edge websites.

Web designers and developers who want to rapidly design and deploy responsive websites and web apps that will look great on a wide variety of browsers and devices.

Delegates should be comfortable with the fundamental principles of web design / development using HTML and CSS.

  • Goals of Bootstrap
  • Obtaining Bootstrap
  • Overview of how to use Bootstrap in a Web app

  • Overview of Grids in Bootstrap
  • The role of Media Queries
  • Grid options
  • Targeting different devices (Desktop / Mobile)
  • Column techniques

  • HTML5 doctype and viewport meta-tags
  • Containers
  • Responsive images
  • Normalization

  • Headings
  • Inline Headings
  • Emphasis
  • Abbreviations
  • Lists
  • Additional techniques

  • Displaying basic Tables
  • Striped Tables
  • Hover Tables
  • Condensed Tables
  • Contextual Tables
  • Responsive Tables
  • Additional techniques

  • Overview
  • Vertical Forms
  • Inline Forms
  • Horizontal Forms
  • Form Input Controls
  • Form Control States
  • Panels

  • Labels
  • Badges
  • Buttons and Button Groups
  • Dropdowns
  • Button Dropdowns
  • Images and Thumbnails
  • Alerts
  • Progress bars
  • Input Groups
  • List Groups

  • Tabular Navigation
  • Tabs
  • Pills
  • Dropdowns
  • Navbar
  • Breadcrumbs

  • Helpers
  • Responsive utilities
  • Glyphicons
  • Pagination
  • Media Objects
  • Using the Modal Plugin

Review :