Category "bootstrap-5"

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

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