Bootstrap Training

Categories: PHP, WordPress, Laravel
Duration: 40 hours Hours
Lesson: 10 lessons Lessons
Type: Online Training
Includes: Course Material

Course Overview

This course explains how to create responsive web pages using Bootstrap. After completing our Bootstrap course you would be able to create Bootstrap based websites yourself. what is Bootstrap: 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. In June 2014 it was the No.1 project on GitHub with 69,000+ stars and 25,000+ forks, with a user base including MSNBC and NASA. Bootstrap Online Training By Realtime Experts: Turnpike Analyst is the leader in Bootstrap training and Bootstrap 3 online training courses from India. We provide quality of online training and corporate training courses by the real-time facility and well-trained software specialists. Our Bootstrap CSS online training is regarded as the best training from India by students who attended Bootstrap online training with us. We provide Bootstrap online training in India, UK, USA, Singapore, and Canada, etc..
  • Training by Realtime Expert trainer
  • Live Online Classes
  • Free study material
  • Online virtual Classes available in morning, evening and weekend

Prerequisties

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

Duration

Online

  • The format is 40% theory, 60% Hands-on.
  • It is a 20 days program and extends up to 2hrs each.

Corporate

  • The format is 40% theory, 60% Hands-on.
  • It is a 5 days program and extends up to 8hrs each.

Classroom

  • Private Classroom arrenged on request and minimum attendees for batch is 4.

Content

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 Button group

Bootstrap Button Dropdowns

  • Split Button Dropdowns
  • Button Dropdown Size
  • Drop 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 List groups

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

Course Calender

1 Sep 2022
Attend Now