This practical, hands-on course is designed for web developers with experience of HTML and CSS wishing to use the popular Bootstrap framework to create responsive, mobile-first web sites. Delegates will learn how to speed up the creation of sophisticated, responsive websites by Bootstrap styles, components, and JavaScript plug-ins.
Bootstrap overview, Setting up Bootstrap, Bootstrap required tags, The container tag, Browser compatibility
Grid system overview, Containers, rows and column, Fluid and fixed containers, Offset columns, Nesting rows
Bootstrap mobile-first philosophy, Mobile and extra small devices, Tablets and small devices, Desktop and large devices
Creating a Bootstrap NavBar, NavBar Dropdowns, Creating button groups, Creating breadcrumbs, Using pagination styles
Basic Tables, Bootstrap Table Classes, Panels with Tables, Responsive Tables
Creating a basic Bootstrap form, Creating inline Forms, Styling radio buttons and checkboxes, Validation States and styles
Helper classes, Layout Classes, Displaying and Hiding Content, Responsive Utilities
Creating modal windows, Creating Accordions, Using Tabs, Using Popovers