WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

Bootstrap 4 - Components


Bootstrap 4 uses collection of content methods for displaying the text, blocks of code, responsive images, data in a tabular format etc on the web page.

The following table lists down the content methods which you can use to manipulate the Bootstrap 4 −

S.No. Methods & Description
1

Alerts

The alert component specifies the predefined message for user actions.

2

Badges

Badges are used to highlight the additional information to the content.

3

Breadcrumb

It is used to show hierarchy-based information for a site.

4

Buttons

Bootstrap provides clickable button to put content such as text and images.

5

Button group

Button groups allow multiple buttons to be stacked together on a single line.

6

Cards

Card is a content container which displays a bordered box with some padding around it.

7

Carousel

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

8

Collapse

It is used to show or hide the content.

9

Dropdowns

Dropdown menus can be used for displaying links in a list format.

10

Forms

The form element is used to collect input from user.

11

Input group

Using input groups you can easily prepend and append text or buttons to the text-based inputs.

12

Jumbotron

It increases the size of headings and adds a lot of margin for landing page content.

13

Modal

Modal is a child window that is layered over its parent window.

14

Navs

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

15

Navbar

Navbar provides navigation headers for your application or site.

16

Pagination

Pagination is used to divide the related content across multiple pages.

17

Popovers

Popover is similar to tooltip, offering an extended view complete with a heading.

18

Progress

Progress bar shows progress of a process with stacked bars, animated backgrounds, and text labels.

19

Scrollspy

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

20

Tooltips

Tooltips are useful when you need to describe a link.