Button
Bootstrap button components provide versatile styles and sizes for easy customization and consistent design in web projects.
Button group
Button group components allow you to group a series of buttons together on a single line. It is used to create toolbars, segmented controls, or combined actions.
Close Button
Bootstrap close button components provide a simple and consistent way to add dismiss buttons to alerts, modals, and other elements.
Avatar
Avatar components offer a simple way to display user profile images with consistent styling and optional customization.
Avatar Group
Avatar group components allow you to display multiple avatars together in a compact and organized manner. It can be customized with various sizes and shapes for a consistent look.
Badge
Badge components are versatile, small count or labeling elements used to highlight new or unread items, statuses, or notifications.
Table
Table components provide a flexible and responsive way to display data in a tabular format with built-in styles for enhanced readability.
Sr.No
Name
Age
City
1
Emma
28
New York
2
Joy
30
Los Angeles
Alerts
Alerts are used to convey important messages or feedback to users.
Your work have been saved successfully!
Modals
Modals are interactive components for displaying content in a pop-up dialog box, which can be triggered by various actions.
Placeholder
Placeholders are used to create loading states for components, giving a visual cue while content is being loaded.
Popover
Popovers are similar to tooltips but can contain more complex content like headings, paragraphs, and images. It overlay elements used to provide additional content or information when a user hovers over or clicks on a target element.
Progress bar
Progress bars are used to visualize the progression of a task, displaying a horizontal bar that fills up as the task advances.
Spinner
Spinners show that something is loading, giving a visual clue while waiting for content or a task to finish. They come in different styles and can be customized easily.
Loading...
Tooltip
Tooltip are small pop-up messages that appear when a user hovers over or focuses on an element.
Checkbox
Checkbox are used to create styled, customizable checkboxes for forms, allowing users to select one or multiple options.
Dropdown
Dropdowns are used to create toggleable menus that display a list of links or actions when clicked.
Form
Form components are used to create well-structured and styled forms with various input fields, labels, and controls.
Floating Label
Floating labels are a design feature where the label of an input field moves above the field when it is focused or contains a value. It provide a clean and space-efficient way to display input labels.
Check Out – Bootstrap Alternatives
Range Sliders
It used to create interactive sliders that allow users to select a value or range by dragging a handle along a track.
Switch
Switch are toggle controls that let users switch between two states, such as “on” and “off,” in a visually distinct manner.
Breadcrumb
Breadcrumb are used to display a navigation path, helping users understand their current location within a website’s hierarchy.
Navbar
Navbar are flexible navigation components used to create responsive and customizable navigation bars for websites.
Pagination
Pagination components provide a way to navigate through a series of content, such as pages in a multi-page document or a list of items.
Scrollspy
Scrollspy automatically updates navigation links based on the scroll position, indicating which section of a page is currently visible.
Section 1
Section 1 Content...
Section 2
Section 2 Content...
Section 3
Section 3 Content...
Accordions
Accordions are collapsible content containers that allow users to toggle between hiding and showing sections of content. Accordions makes easier to manage large amounts of information.
This is the content for the first accordion item.
Carousels
Carousels are dynamic, responsive components that cycle through a series of images or content. It offers a visually engaging way to display multiple items in a compact space.
Empty State
Empty state components are used to display a placeholder message or image when there’s no data to show. It guides users on what actions to take next.
No data available. Please add new items.
Image
Image components provide responsive and customizable image styling options, making it easy to handle images of various sizes and shapes within a layout.
Layout
Layout components provide a flexible and responsive grid system, allowing you to create complex layouts with ease.
Column 1
Column 2
Column 3
Link
Link components provide styles and classes to enhance the appearance and behavior of hyperlinks. It also ensuring they integrate seamlessly with the rest of your design.
Primary link
Leave a Reply