Responsive (Mobile) Web Design with Bootstrap
Course
Inhouse
Description
-
Type
Course
-
Methodology
Inhouse
-
Start date
Different dates available
This 2 day class introduces students to responsive web design for desktop using Bootstrap. Students will begin by learning some of the fundamental technologies upon which Bootstrap is built like CSS Media queries and LESS. Students will progress to using Bootstrap to build simple and then more complex web sites.
Facilities
Location
Start date
Start date
About this course
Web developers and mobile web developers
Some knowledge of HTML and CSS
Reviews
This centre's achievements
All courses are up to date
The average rating is higher than 3.7
More than 50 reviews in the last 12 months
This centre has featured on Emagister for 6 years
Subjects
- Design
- Web
- Media
Course programme
#text-block-8 { margin-bottom:0px; text-align:left; }
#text-block-11 { margin-bottom:0px; text-align:left; }
Chapter 1 : Bootstrap Scaffolding
What Is Bootstrap?
Bootstrap File Structure
Basic HTML Template
Global Styles
Default Grid System
Fluid Grid System
Container Layouts
Responsive Design
Chapter 2 : Bootstrap CSS
Typography
Code
Tables
Forms
Buttons
Images
Icons
Chapter 3 : Bootstrap Layout Components
Dropdown Menus
Button Groups
Buttons with Dropdowns
Navigation Elements
Navbar
Breadcrumbs
Pagination
Labels
Badges
Typographic Elements
Thumbnails
Alerts
Progress Bars
Media Object
Miscellaneous
#text-block-12 { margin-bottom:0px; text-align:left; }
Chapter 4 : Bootstrap JavaScript Plugins
Overview
Transitions
Modal
Dropdown
Scrollspy
Toggleable Tabs
Tooltips
Popover
Alerts
Buttons
Collapse
Carousel
Typeahead
Affix
Chapter 5 : Using Bootstrap
GitHub Project
Customizing Bootstrap
Built with Bootstrap
Responsive (Mobile) Web Design with Bootstrap