Bootstrap Framework Training with CSS3, HTML5, jQuery, JavaScript Institutes in Dehradun

Bootstrap (Powerful mobile front-end framework)

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. An open source framework developed initially by Twitter, Bootstrap is the framework to use when you want to deliver clean web based application that too quickly. With Continued Learning, you will learn not only the essentials of Bootstrap but also get a good grasp on how to develop your own plug-ins with Boostrap. Our Boostrap course is packaged in such a way that it is packed with easy to understand explanations, practice examples, great workarounds, intelligent assessment quizes and useful tips.

Course Outline

Introduction

What is Bootstrap?
History
Why use Bootstrap?
What Bootstrap Package Includes?

Download Bootstrap

File structure
PRECOMPILED BOOTSTRAP
Basic Examples

Bootstrap Grid System

What is a Grid?
What is Bootstrap Grid System?
MOBILE FIRST STRATEGY
Working of Bootstrap Grid System
Media Queries

Grid options

Responsive column resets
Offset columns
Nesting columns
Column ordering

Bootstrap CSS Overview

HTML5 doctype
Mobile First
Responsive images
Typography and links
Normalize
Containers

Bootstrap Typography

Headings
INLINE SUBHEADINGS
Emphasis
Abbreviations
Addresses
Blockquotes
Lists

Bootstrap Tables

Basic Table
Optional Table Classes
STRIPED TABLE
BORDERED TABLE
HOVER TABLE
CONDENSED TABLE
Contextual classes
Responsive tables

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

Bootstrap Buttons

Button Size
Button State
DISABLED STATE
Button Tags

Bootstrap Images

.img-rounded
.img-circle
.img-thumbnail

Bootstrap Helper Classes

Close icon
Carets
Quick floats
Center content blocks
Clearfix
Showing and hiding content
Screen reader content

Bootstrap Responsive utilities

visible-xs
visible-sm
visible-md
visible-lg

Print classes

.visible-print
.hidden-print

Bootstrap Glyphicons

What are Glyphicons?
Where to find Glyphicons?

Bootstrap Dropdowns

Options
ALIGNMENT
HEADERS

Bootstrap Button Groups

Basic Button Group
Button Toolbar
Button Size
Nesting
Vertical Buttongroup

Bootstrap Button Dropdowns

Split Button Dropdowns
Button Dropdown Size
Dropup variation

Bootstrap Input Groups

Basic Input Group
Input Group Sizing
Checkboxes and radio addons
Button addons
Buttons with dropdowns
Segmented buttons

Bootstrap Navigation Elements

Tabular Navigation or Tabs
Pills Navigation
VERTICLE PILLS
Justified Nav
Disabled Links
Dropdowns
PILLS WITH DROPDOWNS

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

Bootstrap Pagination

Pagination
DEFAULT PAGINATION
STATES
SIZING
Pager
ALIGNED LINKS
STATES
Bootstrap Labels

Bootstrap Badges

Bootstrap Jumbotron
Bootstrap Page Header
Bootstrap Thumbnails

Bootstrap Alerts

Dismissal Alerts
Links in Alerts

Bootstrap Progress Bars

Default Progress Bar
Alternate Progress Bar
Striped Progress Bar
Animated Progress Bar
Stacked Progress Bar

Bootstrap Media Object

.media
.media-list

Bootstrap List Group

Adding Badges to List Group
Linking List Group Items
Add Custom Content to List Group

Bootstrap Panels

Panel with heading
Panel with footer
Panel Contextual alternatives
Panel with tables
Panel with Listgroups

Bootstrap Wells

well
Sizing

Bootstrap Plugins Overview

Data Attributes
Events
Bootstrap Transition Plugin
Bootstrap Modal Plugin
Bootstrap Dropdown Plugin
Bootstrap Scrollspy 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

Bootstrap

Bootstrap (Powerful mobile front-end framework)

Course Outline

Web Training

Core Skills & Expertise

Mobile Development

Course Registration

About Us