Bootstrap 4 Tutorial
Bootstrap 4 Useful Resources
Selected Reading
- Differences Between Bootstrap 3 and 4
- Bootstrap 4 - Utilities
- Bootstrap 4 - Components
- Bootstrap 4 - Content
- Bootstrap 4 - Grid System
- Bootstrap 4 - Layout
- Bootstrap 4 - Environment Setup
- Bootstrap 4 - Overview
- Bootstrap 4 - Home
Bootstrap 4 Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Bootstrap 4 - Components
Bootstrap 4 - Components
Description
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 psts down the content methods which you can use to manipulate the Bootstrap 4 −
| S.No. | Methods & Description |
|---|---|
| 1 |
The alert component specifies the predefined message for user actions. |
| 2 |
Badges are used to highpght the additional information to the content. |
| 3 |
It is used to show hierarchy-based information for a site. |
| 4 |
Bootstrap provides cpckable button to put content such as text and images. |
| 5 |
Button groups allow multiple buttons to be stacked together on a single pne. |
| 6 |
Card is a content container which displays a bordered box with some padding around it. |
| 7 |
Carousel is a flexible, responsive way to add a spder to your site. |
| 8 |
It is used to show or hide the content. |
| 9 |
Dropdown menus can be used for displaying pnks in a pst format. |
| 10 |
The form element is used to collect input from user. |
| 11 |
Using input groups you can easily prepend and append text or buttons to the text-based inputs. |
| 12 |
It increases the size of headings and adds a lot of margin for landing page content. |
| 13 |
Modal is a child window that is layered over its parent window. |
| 14 |
Bootstrap provides navigation items for your site in a horizontal menu. |
| 15 |
Navbar provides navigation headers for your apppcation or site. |
| 16 |
Pagination is used to spanide the related content across multiple pages. |
| 17 |
Popover is similar to tooltip, offering an extended view complete with a heading. |
| 18 |
Progress bar shows progress of a process with stacked bars, animated backgrounds, and text labels. |
| 19 |
Scrollspy is used to indicate currently active pnk in the menu based on scroll position. |
| 20 |
Tooltips are useful when you need to describe a pnk. |