bootstrap-jupiter-vidya-bangalore

Bootstrap Course Description

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Bootstrap makes front-end web development faster and easier. It’s made for folks of all skill levels, devices of all shapes, and projects of all sizes. Bootstrap is extremely easy to use and it is adaptable too. One of the main benefits of using Bootstrap is the speed of the development. Bootstrap is also very consistent. Our training course includes all the latest updates in Bootstrap. To learn Bootstrap minimum requirement is HTML and CSS overview.

FILL THE REGISTER FORM

Please fill this form and we will get back to you soon



Bootstrap Course Curriculum

CSS

Overview
Adding Bootstrap using CDN and downloading bootstrap
Grid system
Media queries
Grid options
Ex: Stacked-to-horizontal
Ex: Fluid container
Ex: Mobile and desktop
Ex: Mobile, tablet, desktop
Ex: Column wrapping
Responsive column resets
Offsetting columns
Nesting columns
Column ordering
Typography
Headings
Body copy
Inline text elements
Alignment classes
Transformation classes
Abbreviations
Addresses
Blockquotes
Lists
Code
Inline
User input
Basic block
Variables
Tables
Basic example
Striped rows
Bordered table
Hover rows
Condensed table
Contextual classes
Responsive tables
Forms
Basic example
Inline form
Horizontal form
Supported controls
Static control
Focus state
Disabled state
Readonly state
Help text
Validation states
Control sizing
Buttons
Button tags
Options
Sizes
Active state
Disabled state
Images
Responsive images
Image shapes
Helper classes
Contextual colors
Contextual backgrounds
Close icon
Carets
Quick floats
Center content blocks
Clearfix
Showing and hiding content
Screen reader and keyboard navigation content
Image replacement

Components

Glyphicons
Available glyphs
How to use
Examples
Dropdowns
Example
Alignment
Headers
Divider
Disabled menu items
Button groups
Basic example
Button toolbar
Sizing
Nesting
Vertical variation
Justified button groups
Button dropdowns
Single button dropdowns
Split button dropdowns
Sizing
Dropup variation
Input groups
Basic example
Sizing
Checkbox and radios addons
Button addons
Buttons with dropdowns
Segmented buttons
Multiple buttons
Navs
Tabs
Pills
Justified
Disabled links
Using dropdowns
Navbar
Default navbar
Brand image
Forms
Buttons
Text
Non-nav links
Component alignment
Fixed to top
Fixed to bottom
Static top
Inverted navbar
Breadcrumbs
Pagination
Labels
Badges
Jumbotron
Thumbnails
Alerts
Progress bars
Basic example
With label
Contextual alternatives
Striped
Animated
Stacked
Panels
Well

JavaScript

Overview
Modal
Examples
Sizes
Remove animation
Varying content based on trigger button
Usage
Options
Methods
Events
Dropdown
Examples
Usage
Methods
Events
Scrollspy
Examples
Usage
Methods
Options
Events
Tab
Examples
Usage
Methods
Events
Tooltip
Examples
Usage
Options
Methods
Events
Popover
Examples
Options
Methods
Events
Alert
Examples
Usage
Methods
Events
Button
Stateful
Single toggle
Checkbox / Radio
Methods
Collapse
Example
Accordion example
Usage
Options
Methods
Events
Carousel
Examples
Usage
Options
Methods
Events