Course Content:
- Get Started
- What is Bootstrap?
- Bootstrap History
- Why Use Bootstrap?
- What Does Bootstrap Include?
- HTML File
- Adding Bootstrap to Your Web Pages
- Downloading Bootstrap
- Bootstrap CDN
- Put Your HTML Elements Inside Containers
- Bootstrap Browser/Device Support
- Typography
- Bootstrap's Default Settings
- Bootstrap vs. Browser Defaults
- Typography Classes
- Grid System
- What is a Grid?
- Bootstrap Grid System
- Mobile-First Strategy
- Grid System Rules
- Basic Structure of a Bootstrap Grid
- Grid Options
- Stacked-to-horizontal
- Small Devices
- Medium Devices
- Large Devices
- Forms
- Form Layouts
- Vertical Form (default)
- Inline Form
- Horizontal Form
- Inputs
- Supported Form Controls Bootstrap supports the following form controls:
- input
- textarea
- checkbox
- radio
- select
- Supported Form Controls Bootstrap supports the following form controls:
- Inputs 2
- Static Control
- Form Control States
- Input Sizing
- Input Sizing in Forms
- Height Sizing
- Column Sizing
- Help Text
- Case
- Container
- Build a Bootstrap Web Page From Scratch
- Add Bootstrap CDN and Put Elements in Containers
- Jumbotron
- Button/Icon
- Adding a Button
- Adding an Icon
- Multicolumn
- Multicolumn Layout
- Columns With Different Widths
- Menu
- Menus
- Tabs
- Tabs With Dropdown Menu
- Pills
- Vertical Pills
- Pills With Dropdown Menu
- Navigation Bar
- Navigation Bars
- Inverted Navigation Bar
- Fixed Navigation Bar
- Navigation Bar With Dropdown
- Right-Aligned Navigation Bar
- Collapsing The Navigation Bar
- 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 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 Listgroups
- 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