Bootstrap course

Bootstrap Training Course Duration

→ 30 Working days, daily one and half hours

Bootstrap 3

Bootstrap Grid System

Grid Classes

→The Bootstrap grid system has four classes:

♦xs (for phones)

♦ sm (for tablets)

♦md (for desktops)

♦lg (for larger desktops)

Bootstrap Text/Typography

♦<h1> - <h6>

♦<small>

♦<blockquoter>

Bootstrap Collapse

♦Basic Collapsible

♦Collapsible Panel

♦Collapsible List Group

♦Accordion

Bootstrap Images

♦Basic CSS properties

♦Responsive Images

♦ <img> tag

♦Rounded Corners

♦Circle

♦Thumbnail

♦Responsive Images

♦Image Gallery

♦Responsive Embeds


Bootstrap Jumbotron

♦Creating a Jumbotron

♦Jumbotron-Inside Container

♦Jumbotron-Outside Container

♦Creating a Page Header



Bootstrap Alerts

♦Success!

♦Info!

♦Warning!

♦Danger!

♦Closing Alerts

♦Animated Alerts

Bootstrap Button Groups

♦Button Groups

♦Vertical Button Groups

♦Justified Button Groups

♦Nesting Button Groups & Dropdown Menus

♦Split Button Dropdowns

Bootstrap Glyphicons

♦Glyphicons

♦Envelope glyphicon

♦Print glyphicon

♦Search glyphicon

♦Download glyphicon

List Groups

♦Basic List Groups

♦List Group With Badges

♦List Group With Linked Items

♦Active State

♦Disabled Item

♦Custom Content



Bootstrap Dropdowns

♦Basic Dropdown

♦Dropdown Divider

♦Dropdown Header

♦Disable an Item

♦Dropdown Position

♦Dropup

♦Dropdown Accessibility

Bootstrap Tabs and Pills

♦Menus

♦Tabs

♦Tabs With Dropdown Menu

♦Pills

♦Vertical Pills

♦Vertical Pills in a Row

♦Pills-With-Dropdown Menu

♦Centered Tabs and Pills

♦Toggleable/Dynamic Tabs

Bootstrap Navigation Bar

♦Navigation Bars

♦Inverted Navigation Bar

♦Fixed Navigation Bar

♦Navigation Bar With Dropdown

♦Right-Aligned Navigation Bar

♦Collapsing The Navigation Bar

Bootstrap Form Inputs (more)

♦Static Control

♦Bootstrap Form Control States

♦Input Focus

♦Disabled imputs

♦Disabled fieldsets

♦ReadOnly inputs

♦Validation States

♦Icons

♦Hidden labels



Bootstrap Forms

♦Bootstrap Default Settings

♦Bootstrap Form Layouts

♦Bootstrap Vertical Form (default)

♦Bootstrap Inline Form

♦Bootstrap-Horizontal Form

Bootstrap Form Inputs

♦Supported Form Controls

♦Bootstrap Input

♦Bootstrap Textarea

♦Bootstrap Checkboxes

♦Bootstrap Radio Buttons

♦Bootstrap Select List

Bootstrap Input Sizing

♦Input Sizing in Forms

♦Height Sizing

♦Column Sizing

♦Help Text

♦Bootstrap's Settings

♦Grid Classes

Bootstrap Carousel Plugin

♦The Carousel Plugin

♦How To Create a Carousel

♦Add Captions to Slides

♦Indicators" part

♦Wrapper for slides

♦Left and right controls



Bootstrap Scrollspy Plugin (Advanced)

♦The Scrollspy Plugin

♦How To Create a Scrollspy

♦Scrollspy Vertical Menu

♦Complete-Bootstrap Scrollspy Reference

Bootstrap Affix Plugin (Advanced)

♦Create Affixed Navigation Menu

♦Scrollspy & Affix

♦Horizontal Menu (Navbar)

♦Vertical Menu (Sidenav)

Bootstrap Popover Plugin

♦The Popover Plugin

♦How To Create a Popover

♦Positioning Popovers

♦Closing Popovers

Bootstrap JS Tooltip

♦JS Tooltip (tooltip.js)

♦Via JavaScript

♦Tooltip Options

♦Tooltip Methods

♦Tooltip Events










Bootstrap Grid System

♦Bootstrap Grid System

♦Grid Classes

♦Grid System Rules

♦Basic Structure of a Bootstrap Grid

♦Grid Options

♦Grid behaviour

Bootstrap Grid

♦Small Devices

♦Medium Devices

♦Large Devices

♦Clear Floats

Bootstrap CSS Buttons Reference

♦Button Colors

♦Active/Disabled Buttons

♦Block-level Button

♦Button Classes

Bootstrap CSS Forms Reference

♦Bootstrap Default Settings

♦checkboxes

♦Radio buttons

♦Textarea












Bootstrap CSS Images Reference

♦Bootstrap Images

♦<img> class

♦Rounded Corners

♦Circle

♦Thumbnail

♦Responsive Images

Bootstrap Dropdown Components

♦Dropdowns

♦Navigation

♦Tabs and Pills

♦Glyphicon Components

Bootstrap CSS Tables Reference

♦<tr> tag

♦<td> tag

♦<th> tag

♦.Warning

♦.Danger

♦.active

♦.success

♦.info

♦Responsive Tables




















Bootstrap JS Alert

♦JS Alert (alert.js)

♦Close Alerts Via data-* Attributes

♦Close Alerts Via JavaScript

♦Alert Options

♦Alert Methods

♦Alert Events

Bootstrap JS Button

♦JS Button (button.js)

♦The Button Plugin Classes

♦Via JavaScript

♦Button Options

♦Using CSS to Customize Buttons

Bootstrap JS Carousel

♦JS Carousel (carousel.js)

♦Via data-* Attributes

♦Via JavaScript

♦Carousel Options

♦Carousel Methods

♦Carousel Events

♦Captions to Slides

Bootstrap JS Tab

♦JS Tab (tab.js)

♦Via data-* Attributes

♦Via JavaScript

♦Tab Options

♦Tab Methods

♦Tab Events












Bootstrap JS Collapse

♦JS Collapse (collapse.js)

♦Collapse Plugin Classes

♦Via data-* Attributes

♦Via JavaScript

♦Collapse Options

♦Collapse Methods

♦Collapse Events

♦Collapsible Panel

♦Collapsible List Group

♦Expand & Collapse Toggle Icon & Text

Bootstrap JS Dropdown

♦JS-Dropdown (dropdown.js)

♦Via data-* Attributes

♦Via JavaScript

♦Dropdown Options

♦Dropdown Methods

♦Dropdown Events

♦Navbar With Dropdown

♦Multi-Level Dropdowns

Bootstrap JS Modal

♦JS Modal (modal.js)

♦Trigger the Modal Via data-* Attributes

♦Trigger Via JavaScript

♦Modal Options

♦Modal Methods

♦Modal Events

♦Login Modal

Bootstrap JS Popover

♦JS Popover (popover.js)

♦Via data-* Attributes

♦Via JavaScript

♦Popover Options

♦Popover Methods

♦Popover Events



Bootstrap JS Scrollspy

♦JS Scrollspy (scrollspy.js)

♦Via data-* Attributes

♦Via JavaScript

♦Scrollspy Options

♦Scrollspy Methods

♦Scrollspy Events

♦Scrollspy & Affix

♦Horizontal Menu (Navbar)

♦Vertical Menu (Sidenav)

Drop us a line


Visit our office

ZEBA CREATIONS PVT LTD

H.no.8-3-903/F/1 ,
second floor,
Beside Image Hospital,
Above Post Office,
Ameerpet, Hyderabad,
Telangana-500073.India

9100115269
info@zebacreations.com

Rating
4.5 rating