About this course

What you'll learn

What is Bootstrap?

Bootstrap history

Why use Bootstrap?

Where to get Bootstrap?

Create a page web page with Bootstrap

Two basic Bootstrap pages

Grid basic

Bootstrap grid system

Grid classes

Basic structure of a Bootstrap grid

Text/Typography

Bootstrap vs. Browser defaults

Contextual colors and background

Tables

Bootstrap basic table and Bordered table

Striped rows and Hover rows

Condensed and Responsive tables

Contextual classes

Images

Image shapes

Responsive images and embeds

Image gallery

Jumbotron and Page header

Jumbotron Inside container and Outside container

Creating a page header

Wells

Well size

Alerts

Alerts links

Closing and Animated alerts

Button and Button groups

Button Styles and Sizes

Block level and Active/Disabled buttons

Vertical and Justified button groups

Nesting button groups and Dropdown menus

Split button dropdowns

Glyphicons

Glyphicons syntax and examples

Progress Bars

Basic progress bar

Progress bar with label

Colored and Striped progress bar

Animated and Stacked progress bar

Pagination

Basic pagination

Active and Disabled state

Pagination sizing

Breadcrumbs

Pager

What is pager?

Align buttons

List groups

Basic list groups

List group with badges

List group with linked items

Active state

Disabled item

Contextual classes

Custom content

Panels

Panel Heading and Footer

Panel group

Panels with contextual classes

Dropdowns

Dropdown Divider and Header

Disable and Active items

Dropdown position and accebility

Dropup

Collapse

Basic collapsible

Collapsible panel

Collapsible list group

Accordion

Tabs and Pills

Menus and Tabs

Tabs with dropdown menu

Pills and Vertical pills

Pills with dropdown menu

Centered tabs and pills

Toggleable /Dynamic tabs and Toggleable/Dynamic pills

Navbar

Navigation bars

Inverted navigation bar

Navigation bar with dropdown

Right-aligned navigation bar

Navbar Buttons, Forms and Text

Fixed navigation bar

Collapsing the navigation bar

Forms

Bootstrap vertical form and Inline form

Bootstrap horizontal form

Inputs

Bootstrap Input and Textarea

Bootstrap Radio buttons and Checkboxes

Bootstrap Select list

Static control

Bootstrap Input groups

Bootstrap Form control states

Height and Column sizing

Help text

Media objects

Basic media objects

Top middle or bottom alignment

Nesting media objects

Carousel

How to create a carousel

Add captions to slides

Modal

How to create a modal

Modal size

Tooltip

How to create a tooltip

Positioning tooltips

Popover

How to create a popover

Positioning and Closing popovers

Scrollspy

How to create a scrollspy

Scrollspy vertical menu

Affix

How to create an affixed navigation menu

Scrollspy and Affix

Filters

Filter tables and Lists

Filter Dropdowns and Anything