Category "bootstrap-5"

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

Bootstrap 5 float-end causing issue with flex elements

When I add the class float-end it pushes the button to right but the div tags next to that comes front of it. <link rel="stylesheet" href="https://cdn.j

How to override bootstrap 5 modal scss property in react

Here I have use case to have a modal on the page header. since the page header has position:fixed bootstrap modal backdrop is overlayed at the top so unable to

How to Change Color of Knob in Bootstrap 5 Switch

So i want to change the knob color to match my color theme. But when i open the bootstrap.css, i could not find the reference to that. I can change the border a

Bootstrap missing top accordion border when accordion-items hidden

I have a Bootstrap 5 accordion component on my page. I also have a JavaScript snippet that makes one or multiple accordion-items of this accordion hide dependin

Project throws Uncaught TypeError: s.fn.modal is undefined

When I set up a bootstrap5-dialog project in nodejs, there will be thrown an error message:Uncaught TypeError: s.fn.modal is undefined when the main index page

Bootstrap 5 navbar align items right

How do you align Bootstrap 5 navbar items to the right? In Bootstrap 3 it's navbar-right. In Bootstrap 4 it's ml-auto. But not work for Bootstrap 5.

How to put the down arrow of an accordion-button in the left

I'm coding a website in Arabic language content. Problem: the down arrow of an accordion button should be in the far left. This is my code: <link href

Bootstrap 5 navbar does expand but doesn't close on Angular project

I am using Angular 12 and Bootstrap 5 to create a SPA. I created a shared navbar component. When my navbar changes to the hamburger menu button, the navbar does

Laravel 8 - Bootstrap 5 Bootstrap-select dont show options

I am trying to set bootstrap-select in laravel via laravel mix. Everything seems correct, but when clicking on the select, it does not show the options. In reso

Bootstrap 5 grid, how to customize the grid gutters at different breakpoints (not using utility classes)?

How can I customize Bootstrap 5 to have different grid gutters at different breakpoints? I don't want to use the grid spacing utility classes because those wou

How to close Bootstrap 5 modal in React.js?

Using Bootstrap 5 Modal in React.js, the Modal opens on click of the button. If we have a form on the modal, need to perform some validations, and allow to subm

Listening to the Bootstrap collapse shown/hidden events?

I have a Bootstrap 5 accordion that looks like this: <div class="accordion" id="my_accordion"> <div class="accordion-item"> <h2 class="acco

How can I use Bootstrap 5 with Next.js?

After installing bootstrap with npm install bootstrap I added the style to /pages/_app.js like so: import 'bootstrap/dist/css/bootstrap.css'; export default fun

Cant Overwrite font-size of bootstrap 5

I am learning bootstrap 5. so when I tried to edit the font-size of the navbar-brand. It kept the basic font-size and didn't work. further more if I try to add

SassError: The target selector was not found

After upgrade to bootstrap 5.x, the node version is v16.13.2, the webpack version is "webpack": "^4.36.0", the sass-loader version "sass-loader": "^9.0.0". when

How to sync/link 2 bootstrap 5 carousels

I have 2 Bootstrap 5 carousels (carousel-a & carousel-b) on one page and i wloud like them to be synced/linked to eachother. I think this can be done with j