Bootstrap

Bootstrap, a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components. Twitter Bootstrap is the most popular front end framework in the recent time. It is intuitive and powerful mobile first front-end framework for faster and easier web development. It uses HTML, CSS and Javascript. This tutorial will teach you the basics of Bootstrap Framework using which you can create web projects with ease.

 

CERTIFYING BODY

  • Inhouse Certification

CAREER PROSPECTS

Web designers/developers who aspire for a comprehensive knowledge of Web development practices and conceptsto perform hands-on coding and understand architecture of web applications can undergo this course.

  • Web Designer
  • Web Developer
  • Web Programmer

SYLLABUS

Introduction to Bootstrap
• Bootstrap Package
• Download and Installing Bootstrap
– File Structure
– Bootstrap Template
• Bootstrap Grid System
– Grid, Bootstrap Grid System
– Mobile FIRST STRATEGY
– Bootstrap Grid System
– Media Queries
• Grid Options
– Responsive Column Resets
– Offset / Nested Columns
– Column Ordering
• Creating Layouts with Bootstrap
• Bootstrap CSS Overview
– HTML5 Doctype
– Responsive Images
– Containers
• Bootstrap Typography
– Headings, Inline Sub Headings
– Emphasis, Abbreviations
– Addresses, Block Quotes, Lists
• Bootstrap Tables
– Basic Table
– Optional Table Classes
– Stripped / Bordered / Hover Table
– Condensed / Responsive Tables
• Bootstrap Forms
– Form layout, Vertical/Basic Form
– Inline / Horizontal form
– Supported form Controls
– Checkboxes, Radios
– Selects, Form Control States
– Form Control Sizing, Help Text
• Bootstrap Buttons
– Button Size / State
– DISABLED State
– Buttons Tags
• Bootstrap Images
– Img-rounded
– Img-circle, Img-thumbnail
• Bootstrap Helper Classes
– Close Icon
– Clear-Fix
– Carets, Quick Floats
– Center Content Blocks
– Showing & Hiding Content
– Screen Reader Content
• Bootstrap Responsive Utilities
– Visible-xs, Visible-sm
– Visible-md, Visible-lg
• Print Classes
– Visible-Print
– Hidden-Print
• Bootstrap Glyphicons
• Bootstrap Dropdowns
• Bootstrap Button Groups
• Bootstrap Button Dropdown
• Bootstrap Input Groups
• Bootstrap Navigation Elements
• Bootstrap Navbar
• Pagination
• Bootstrap Badges
• Bootstrap Alerts
• Bootstrap Progress Bars
• Bootstrap Media Object
• Bootstrap List Group
• Bootstrap Panels
• Bootstrap Wells
• Bootstrap Plugins Overview