Duration
4 days
Overview
Bootstrap—a front-end framework using HTML5, CSS3 is designed to help developers quickly and easily build responsive, mobile-ready websites that are cross-browser compatible. An open-source framework, Bootstrap features a 12-column grid, icons you can incorporate into your designs, and fully functional components that are ready to use. In this course, Ray Villalobos helps you get started with Bootstrap by providing an overview of all of the goodies in this popular framework. Ray covers the installation options, and walks through the basic styles that normalize how your content is displayed on different platforms and browsers. He also explains how to use the flexbox grid system to build nearly any kind of layout you can dream up, use different classes to easily get around your project, work with interactive components like dropdowns and carousels, and more.
Outline
- Introduction to Bootstrap
Introduction
- Bootstrap File Structure
- Default Grid System
- Fluid Grid System
- Responsive Design
- Bootstrap CSS
- Typography
- Tables
- Forms
- Button
- Images
- Icons
- Bootstrap Layout Components
- Dropdown Menus
- Button Groups
- Button with Dropdowns
- Navigation Elements
- Navbar
- Breadcrumbs
- Pagination
- Labels
- Badges
- Typographic Elements
- Thumbnails
- Alerts
- Progress Bars
- Media Object
- Bootstrap JavaScript Plugins
- Model
- Dropdown
- Scrollspy
- Toggleable Tabs
- Tooltips
- Popover
- Alerts
- Buttons
- Collapse
Programme scope, delivery arrangements and suitability are confirmed during enquiry.