📜  Bootstrap 4-组件

📅  最后修改于: 2020-10-26 04:31:36             🧑  作者: Mango


描述

Bootstrap 4使用内容方法的集合来在网页上显示文本,代码块,响应图像,表格格式的数据等。

下表列出了可用于操纵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.