Search with Autocomplete
Bootstrap 5 help center search bar with an accessible autocomplete list built from local data, highlighted matches, keyboard navigation and popular search chips.
Tag: responsive
Components tagged with "responsive".
121 component(s)
Filterable Portfolio Gallery
Dark Bootstrap 5 portfolio gallery with pill filter buttons, automatic category counts, fade-in tiles and a screen reader status message.
Carousel with Captions
Bootstrap 5 hero carousel with glass captions, pill indicators, previous and next buttons, a pause control and gradient SVG slides.
Accordion with Icons
Bootstrap 5 FAQ accordion with leading icon tiles, subtitles, rounded cards, a rotating plus icon and a warm accent color.
Table with Search Filter
Bootstrap 5 team directory table with live search, status filter, highlighted matches, result counter and empty state.
Responsive Table with Actions
Responsive Bootstrap 5 invoice table with status badges, a status filter and row action dropdowns to mark as paid, remind or delete.
Card with Image Overlay
Bootstrap 5 image cards with text overlaid on photos, a readability gradient, category badges, save buttons and a featured layout.
Footer with Newsletter
Dark Bootstrap 5 footer with a newsletter signup panel, email validation, social icons, three link columns and a legal bar.
Two-Column FAQ
Bootstrap 5 FAQ section with questions split into two accordion columns, plus/minus icons and a dark contact support prompt.
Team Cards with Hover Info
Bootstrap 5 team section with portrait cards that reveal a bio and social links on hover or keyboard focus. Pure CSS, no JavaScript.
Testimonial Carousel
Bootstrap 5 testimonial carousel with serif quote cards, pill indicators, arrow buttons and an accessible pause control.
Split CTA with Email Capture
Bootstrap 5 split call-to-action with newsletter pitch on the left and a validated email signup form with consent checkbox on the right.
Page Header with Breadcrumb
Dark Bootstrap 5 page header with breadcrumb, title and status badge, copy-link and dropdown actions, and section tabs.
Article Layout
Bootstrap 5 long-form article layout with drop cap, wide figure, pull quote, author box and a sticky reading progress bar.
Featured Post with Sidebar List
Bootstrap 5 blog section with a large featured article card and a tabbed sidebar of recent and popular posts.
Contact Section with Details
Bootstrap 5 contact section with address, phone and email cards, copy buttons and a CSS map placeholder with opening hours.
Developer Portfolio Page
One-page Tailwind CSS developer portfolio with sticky mobile menu, hero stats, filterable project grid, experience timeline and a validated contact form.
Alternating Feature Rows
Bootstrap 5 feature section with image and text rows that alternate sides on desktop, with icons, checklists, highlight chips and offset image shapes.
Hero with Background Overlay
Full-width Bootstrap 5 hero section with a cover background image, dark gradient overlay, fluid headline, two call-to-action buttons and a stats row.
Checkout Stepper
Bootstrap 5 four-step checkout with cart, shipping, payment and review steps, a progress bar, per-step validation, Back/Continue buttons and a live order summary.
Vertical Tabs
Bootstrap 5 vertical nav-pills tabs styled as a settings panel with a dark sidebar, icons, fading content panes and a scrollable mobile tab strip.
Pagination with Page Jump
Bootstrap 5 pagination with smart ellipses, previous and next arrows, a page counter and a validated 'go to page' input.
Breadcrumb with Icons
Bootstrap 5 breadcrumbs with a home icon, icons per level and custom chevron, slash or dot dividers that collapse middle levels on mobile.
Bootstrap Mega Menu Dropdown
Full-width Bootstrap 5 mega menu with icon feature links, link columns and a gradient promo block, keyboard friendly and stacked on mobile.