Category "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

When I try to click on anything in offcanvas bootstrap5 it closes, just like when I click outside the offcanvas

When I click the button the off-canvas popup but when I click on it, it closes just like when I click outside of it <!DOCTYPE html> <html lang="en

Vue3: How to get error messages with Bootstrap and VeeValidate 4?

I want to use vue3 together with bootstrap 4/5 with veevalidate 4. <template> <Form as="form" @submit.prevent="onFormSubmit" class="needs-validation" :

trouble showing desired checkbox validation state w/ bootstrap5 for django model form w/ m2m field and checkboxselectmultiple widget

I have a checkboxselectmultiple on an m2m model field in an ModelForm that is required - meaning at least one of the choices must be selected. I am using the b

Update From Bootstrap 3.7 to 5.0.2 in .net mvc producing Error- System.NullReferenceException

I uninstalled the basic bootstrap template that comes with .net MVC Application and installed the bootstrap 5.0.2 from NuGetPackage Manager. Now I am Encounteri

Multiple Carousels per Page Bootstrap 5

I'm having trouble getting multiple Bootstrap carousels to function properly on one page. I know that Bootstrap says to set unique IDs for each new carousel, bu

Some Bootstrap 5 colors are not working compled with Laravel Mix

I am integrating Bootstrap 5 into my Laravel project. I installed Bootstrap with NPM and complied with Laravel Mix, and it's working. However, some extra colors

Why both `stylesheet_link_tag` and `stylesheet_pack_tag` are needed to install bootstrap?

I have gone through this article to install bootstrap in ruby-on-rails app. And I noticed that there are stylesheet_link_tag and stylesheet_pack_tag for css. I

bootstrap 5 dropdown-menu navbar streches strangly when hover on dropdown-ul-items

My bootstrap dropdown Navbar menu acts strangely on small screens. As shown n the images below, hovering above dropdown menus pushes the other UL section below

how to align the form to the right? [closed]

i am tying to have the h3 aligned with the form so the form goes to the right and the h3 to the left and both of them to be centered ? <

How to change "Choose file" text using Bootstrap 5

Is it impossible change choose file text of input file in Bootstrap 5 using CSS like Bootstrap 4? And how can I add a margin to "No file chosen"?