Category "bootstrap-5"

Issue with flexbox / gap in Bootstrap website under breadcrumbs

I got an issue with one of my pages based on Bootstrap which I do not really understand. We added recently breadcrumbs (also BS) for navigation, but on some pag

How to change font size at breakpoints bootstrap 5

I want to change the size of my font handwriting when breaking point with Bootstrap V5. But I find that this fs-sm-5 or fs-md-4 is not working. Is the solution

Tooltip only showing in top in Bootstrap 5

Hi I'm working in Laravel 7 with the Currently v5.1.3 Bootstrap... I'm using the bootstrap.bunble.min.js file. Calling the tooltip function via the data-bs-tog

How can I add animation to Bootstrap dropdowns?

How can I add animation to the dropdown? I assume by modifying popperConfig, but how? At the moment dropdown-menu has a generated inline style, e.g. position: a

Moving Slide Buttons in Bootstrap Carousel not Working

I'm trying to vertically center the buttons for my bootstrap carousel using react. using inline styling I was able to change the height of the button itself, bu

Bootstrap 5: Close offcanvas Menu after click anchor links

It is about a project created with Bootstrap 5. The problem was that the offcanvas menu stayed open, by clicking an anchor link. To close the menu after click I

Bootstrap 5: Close offcanvas Menu after click anchor links

It is about a project created with Bootstrap 5. The problem was that the offcanvas menu stayed open, by clicking an anchor link. To close the menu after click I

Dropdown is not closed when clicked outside the button in Bootstrap 5

I have updated my site from BS4 to BS5.... all works, however, I have problems wth drop downs. Please see this: Well.... the drop down is opened when I click th

How to use Bootstap offcanvas sidebar with bookmarks

I have a webpage with a long list of items (Bootstrap "cards," to be precise). Using Bootstrap 5, I have added an offcanvas sidebar with html bookmark links to

"SassError: The target selector was not found" when using SCSS Modules and Bootstrap in Next.js

I am using Next.js with SCSS Modules. I installed boostrap with npm install bootstrap. I then created a file called common.scss inside /public/scss/. I have the

How to import and use specific BootStrap 5 JavaScript Plugins?

I am new to Bootstrap (v5.1.0) and gulp and do not completely understand how I can import only specific Bootstrap JavaScript plugins. I have tried this by just

Bootstrap datatables - multi-filter column search CSS issue

What I am doing is to render table in HTML from Flask server. Bootstrap code I have referred to is from this link: Bootstrap multi-filter my HTML code: <tabl

Modified row spacing in Bootstrap 5

I have the following markup. <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="contr

Facing an issue while displaying a stored data in a .txt file into my bootstrap card

I have a simple issue in my PHP project I made a small application that gives you the possibility to fill the form fields and stored all the data inside a .txt

I'm having issues with my Drop Down navigation in bootstrap! How can I center the drop down?

Take a look at the drop-down menu? Do you see that it looks rather odd and not straight! How do I fix that? I have tried float, margin, and a few other tricks,

Bootstrap 5 carousel with multiple items

i'm new to bootstrap and i'm doing an ecommerce template for learning bootstrap 5. There is a way to make the bootstrap 5 carousel to show multiple slide at the

Bootstrap 5 floating label for a textarea overlaps with input on scroll

Looking at the documentation for a floating label of a textarea, https://getbootstrap.com/docs/5.0/forms/floating-labels/, it appears that the label overlaps wi

Bootstrap dropdown problem with sticky position

I am trying to create a data table that has a sticky column. In this column, I also like to create a bootstrap dropdown button. But bootstrap dropdown has a con

Bootstrap collapse should be open in Desktop but closed in Mobile

Does someone know how I can have a collapse open in Desktop and closed in Mobile? Would it be possible with Bootstrap only? Desktop: Mobile: Here the Content s

How can I change Bootstrap 5 carousel indicators into dots?

I'm using carousel bootstrap 5 for my site slider.my question it is how to change shape of carousel-indicators in bootstrap 5 similar this: i searched in googl