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

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


  • What is Bootstrap?
  • History
  • Why use Bootstrap?
  • What Bootstrap Package Includes?
  • File structure
  • PRECOMPILED BOOTSTRAP
  • Basic Examples
  • What is a Grid?
  • What is Bootstrap Grid System?
  • MOBILE FIRST STRATEGY
  • Working of Bootstrap Grid System
  • Media Queries
  • Responsive column resets
  • Offset columns
  • Nesting columns
  • Column ordering
  • HTML5 doctype
  • Mobile First
  • Responsive images
  • Typography and links
  • Normalize
  • Containers
  • Headings
  • INLINE SUBHEADINGS
  • Emphasis
  • Abbreviations
  • Addresses
  • Blockquotes
  • Lists
  • Basic Table
  • Optional Table Classes
  • STRIPED TABLE
  • BORDERED TABLE
  • HOVER TABLE
  • CONDENSED TABLE
  • Contextual classes
  • Responsive tables
  • 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
  • Button Size
  • Button State
  • DISABLED STATE
  • Button Tags
  • .img-rounded
  • .img-circle
  • .img-thumbnail
  • Close icon
  • Carets
  • Quick floats
  • Center content blocks
  • Clearfix
  • Showing and hiding content
  • Screen reader content
  • visible-xs
  • visible-sm
  • visible-md
  • visible-lg
  • .visible-print
  • .hidden-print
  • What are Glyphicons?
  • Where to find Glyphicons?
  • Options
  • ALIGNMENT
  • HEADERS
  • Basic Button Group
  • Button Toolbar
  • Button Size
  • Nesting
  • Vertical Buttongroup
  • Split Button Dropdowns
  • Button Dropdown Size
  • Dropup variation
  • Basic Input Group
  • Input Group Sizing
  • Checkboxes and radio addons
  • Button addons
  • Buttons with dropdowns
  • Segmented buttons
  • Tabular Navigation or Tabs
  • Pills Navigation
  • VERTICLE PILLS
  • Justified Nav
  • Disabled Links
  • Dropdowns
  • PILLS WITH DROPDOWNS
  • 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
  • Pagination
  • DEFAULT PAGINATION
  • STATES
  • SIZING
  • Pager
  • ALIGNED LINKS
  • STATES
  • Bootstrap Labels
  • Bootstrap Jumbotron
  • Bootstrap Page Header
  • Bootstrap Thumbnails
  • Dismissal Alerts
  • Links in Alerts
  • Default Progress Bar
  • Alternate Progress Bar
  • Striped Progress Bar
  • Animated Progress Bar
  • Stacked Progress Bar
  • .media
  • .media-list
  • Adding Badges to List Group
  • Linking List Group Items
  • Add Custom Content to List Group
  • Panel with heading
  • Panel with footer
  • Panel Contextual alternatives
  • Panel with tables
  • Panel with Listgroups
  • well
  • Sizing
  • 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

Course Registration

TESTIMONIALS


KEEP IN TOUCH

Subscribe to Our Newsletter to get Important News & Offers