Bootstrap Online Training
Introduction
Bootstrap is a free collection of tools for creating 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.
Prerequisites
To attend this Bootstrap training you must be familiar with HTML5 and CSS3 and have some basic concepts of designing responsive websites. You can complete these requirements by attending our HTML5 Course and Responsive web design course
Course Content
1.Bootstrap CSS Overview
- HTML5 doctype
- Mobile First
- Responsive images
- Typography and links
- Normalize
- Containers
2.Bootstrap Typography
- Headings
- INLINE SUBHEADINGS
- Emphasis
- Abbreviations
- Addresses
- Blockquotes
- Lists
3.Bootstrap Tables
- Basic Table
- Optional Table Classes
- STRIPED TABLE
- BORDERED TABLE
- HOVER TABLE
- CONDENSED TABLE
- Contextual classes
- Responsive tables
4.Bootstrap Forms
- Form Layout
- VERTICAL OR BASIC FORM
- INLINE FORM
- HORIZONTAL FORM
- Supported Form Controls
- CHECKBOXES AND RADIOS
- SELECTS
- Form Control States
- Form Control Sizing
- Help Text
5.Bootstrap Buttons
- Button Size
- Button State
- DISABLED STATE
- Button Tags
- Bootstrap Images
- img-rounded
- img-circle
- img-thumbnail
6.Bootstrap Helper Classes
- Close icon
- Carets
- Quick floats
- Center content blocks
- Clearfix
- Showing and hiding content
- Screen reader content
7.Bootstrap Responsive utilities
- visible-xs
- visible-sm
- visible-md
- visible-lg
- Print classes
- visible-print
- hidden-print
8.Bootstrap Glyphicons
- What are Glyphicons?
- Where to find Glyphicons?
- Bootstrap Dropdowns
- Options
- ALIGNMENT
- HEADERS
9.Bootstrap Button Groups
- Basic Button Group
- Button Toolbar
- Button Size
- Nesting
- Vertical Buttongroup
- Bootstrap Button Dropdowns
- Split Button Dropdowns
- Button Dropdown Size
- Dropup variation
10.Bootstrap Input Groups
- Basic Input Group
- Input Group Sizing
- Checkboxes and radio addons
- Button addons
- Buttons with dropdowns
- Segmented buttons
11.Bootstrap Navigation Elements
- Tabular Navigation or Tabs
- Pills Navigation
- VERTICLE PILLS
- Justified Nav
- Disabled Links
- Dropdowns
- PILLS WITH DROPDOWNS
12.Bootstrap Navbar
- Default navbar
- Responsive navbar
- Forms in navbar
- Buttons in navbar
- Text in navbar
- Non-nav links
- Component alignment
- Fixed to top
- Fixed to bottom
- Static top
- Inverted navbar
- Bootstrap Breadcrumb
13.Bootstrap Pagination
- Pagination
- Default
- STATES
- SIZING
- Pager
- ALIGNED LINKS
- STATES
- Bootstrap Labels
- Bootstrap Badges
- Bootstrap Jumbotron
- Bootstrap Page Header
- Bootstrap Thumbnails
- Bootstrap Alerts
- Dismissal Alerts
- Links in Alerts
14.Bootstrap Progress Bars
- Default Progress Bar
- Alternate Progress Bar
- Striped Progress Bar
- Animated Progress Bar
- Stacked Progress Bar
15.Bootstrap Media Object
- Media
- edia-list
16.Bootstrap List Group
- Adding Badges to List Group
- Linking List Group Items
- Add Custom Content to List Group
17.Bootstrap Panels
- Panel with heading
- Panel with footer
- Panel Contextual alternatives
- Panel with tables
- Panel with Listgroups
18.Bootstrap Wells
- well
- Sizing
19.Bootstrap Plugins Overview
- Data Attributes
- Events
- Bootstrap Transition Plugin
- Bootstrap Modal Plugin
- Bootstrap Dropdown Plugin
- Bootstrap Scroll spy Plugin
- Bootstrap Tab Plugin
- Bootstrap Tooltip Plugin
- Bootstrap Popover Plugin
- Bootstrap Alert Plugin
- Bootstrap Button Plugin
- Bootstrap Collapse Plugin
- Bootstrap Carousel Plugin
- Bootstrap Affix Plugin
Course Reviews
No Reviews found for this course.
Write a Review