Bootstrap 4
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