Bootstrap 4 - Components

Bootstrap 4 - Components

Bootstrap 4 uses a set of content methods to display text, code blocks, responsive images, tabular format data, and more on a web page.

The following table lists the content methods that you can use to control Bootstrap 4 −

Alerts

The alert component specifies a predefined message for user actions.

Badges

Icons are used to highlight additional information to the content.

bread crumb

It is used to display hierarchical information for a site.

Buttons

Bootstrap provides a clickable button to place content like text and images.

Button group

Button groups allow you to combine multiple buttons into one row.

Cards

A map is a content container that displays a frame with a border that has padding around it.

carousel

A carousel is a flexible, responsive way to add a slider to your site.

collapse

It is used to show or hide content.

Dropdowns

Dropdown menus can be used to display links in a list format.

forms

The form element is used to collect input from the user.

Input group

Using input groups, you can easily add and add text or buttons to text inputs.

JumboTron

This increases the size of the headings and adds many fields for the content of the landing page.

modal

A modal is a child window that sits above the parent window.

Navs

Bootstrap provides navigation elements for your site in a horizontal menu.

Navbar

Navbar provides navigation titles for your application or website.

pagination

Pagination is used to split related content across multiple pages.

Popovers

Popover is similar to a tooltip, offering an expanded view with a title.

Progress

The progress bar displays the progress of the process using stacked panels, animated backgrounds, and text labels.

Scrollspy

Scrollspy is used to indicate the currently active link in a menu based on the scroll position.

Pop-ups

Tooltips are useful when you need to describe a link.