Bootstrap Elements
Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level
Overview/Description
Bootstrap is a front-end framework developed to provide consistency for internal resources. In this course, you will explore the navigation elements, how to apply breadcrumbs, and how to use the different plugins, including the alert plugin and the carousel plugin.
Target Audience
Web developers who wish to learn about the Bootstrap framework
Prerequisites
None
Expected Duration (hours)
2.9
Lesson Objectives Bootstrap Elements
start the course
create an interactive tabular navigation bar
add dropdown menus to pill style navigation elements
use the default Navbar
create a responsive navigation bar
use breadcrumbs
use pagination
use pagination with jQuery and JavaScript
use labels
use badges
describe the purpose of the Jumbotron and how to apply it
use the page header
apply default and custom elements of the Thumbnails component
use the accordion
create different examples of alerts
implement the progress bar
describe what the media object is and implement the default media
use a list group with a basic example, linked items, and custom content
create a basic panel and a panel with a heading
use a default well and the optional classes
implement transitions
create a static example and the use the optional sizes of modals
apply dropdowns within a navbar and within pills
implement scrollspy and describe why it would be used
implement tabs and use different options
use tooltips
apply a static popover
create an alert
describe why the button plugin would be used and apply different options
use the collapse plugin through javascript with different options
implement the carousel feature
understand how to use the more advanced toolsets that Bootstrap has to offer
Course Number: sl_btsp_a02_it_enus
Expertise Level
Intermediate