Bootstrap provides over a dozen components to offer input groups, dropdowns, navigation, alerts, as well as iconography. Using these components in your web application, you can provide a consistent and easy-to-use interface for your users.
Bootstrap components are essentially made up by combining various existing Bootstrap elements, adding a number of unique class names, and representing a number of the common metaphors used on many websites.
In this chapter, we will cover the following topics:
Using the Bootstrap navigation bar
Implementing a context-sensitive search bar
Using list groups, badges, and the media object
Implementing page headers and breadcrumbs
Creating a paged list using the
PagedList
libraryHow to use alerts, input groups, and button dropdowns
Implementing a progress bar that reports real-time progress with SignalR