bootstrap-5 Questions
3
Solved
I have a site using Bootstrap 5 that includes the following input tag:
<input class="form-check-input ms-1" id="validated" name="validated" type="checkbox"...
Dyslogistic asked 27/11, 2021 at 18:11
6
Solved
When using Bootstrap v5 and FontAwesome v5, I cannot get get the eyeball to appear to the right side of the form. Instead, it pulls the password field further to the right than the username field a...
Gnomic asked 31/8, 2021 at 22:29
3
Solved
I'm using a boostrap 5 "collapse", using the data attributes approach. It works as expected. I can click the button to collapse/expand the collapsible items.
The docs state I can toggle t...
Crutchfield asked 3/12, 2022 at 7:18
3
Solved
I am building a site with SvelteKit. As of now I included Bootstrap 5 in my project by adding it to the app.html file provided by the SvelteKit Skeleton project:
<!-- Bootstrap styles and javasc...
Corkage asked 10/8, 2023 at 16:3
5
Solved
Recently, I have started web developing and I am using bootstrap v5.0 to build a website. Following is the code of a file named "grage.php", and its code is stated below,
<!-- H...
Whitver asked 29/1, 2022 at 22:37
6
Solved
I can't find a way to reduce the width of the input window. I don't see or find any code that controls the width of the input window. The code below is taken from the Bootstrap v5 documentation, fr...
Medicaid asked 16/5, 2021 at 19:14
6
I am using new app directory in next js 13 and when using bootstrap dropdown only the UI is working, js features of bootstrap are not working in it.
I tried importing js file in layout.tsx but it t...
Louls asked 24/4, 2023 at 7:6
4
Solved
Context
I am learning Symfony through "ENI learning" course "Learn to Develop web applications with PHP and Symfony (2nd edition)", by Yves ROCAMORA.
In the section "Webpac...
Daph asked 19/12, 2023 at 9:53
3
Solved
I have the following button:
<button class="kv_styleclass_0 btn btn-outline-success btn-lg"
data-bs-toggle="modal"
data-bs-target="formModal"
type="butto...
Diversion asked 9/12, 2022 at 18:43
16
I am facing a issue when trying to create a responsive menu or dropdown button with Bootstrap 5.Everything seems ok.The navigation icon & dropdown icon apears.But its not working.When I clicked...
Slue asked 17/12, 2020 at 13:26
7
Solved
I try to use Bootstrap 5.0.2 in an Angular 11 project with this code:
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<me...
Curd asked 23/6, 2021 at 13:39
2
It is possible to use primeng ^17.6.0 and bootstrap ^5.3.2 in an Angular 17 project? I want to use bootstrap for the public part of my application, but there is an admin section where I would like ...
Stanger asked 14/2 at 16:50
7
Solved
Hello Following the tutorial here
https://getbootstrap.com/docs/5.0/components/modal/#via-javascript
they use a button to toggle showing the modal. And if you want to show a modal in bootstrap 5 wi...
Finnigan asked 14/9, 2021 at 1:45
6
Solved
I have react project with bootstrap packages
// npm install bootstrap@next
// npm install bootstrap-icons
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap.bundle.m...
Isfahan asked 26/2, 2021 at 17:34
5
Solved
I am having issues with bootstrap 5 not showing certain icons. The bi-search shows perfect, but bi-send does not appear at all. I would normally put this in a code snippet, but the feature does not...
Being asked 26/3, 2022 at 17:24
4
Solved
I am currently working on Astro (astro.build) and would like to use it with the latest Bootstrap version.
Does anyone know about Astro and can please explain to me how to properly integrate Bootstr...
Cliffordclift asked 28/9, 2022 at 9:55
6
Solved
I'm wanting to use Bootstrap's "Floating Label" and "Input Group" components together.
The trouble I'm having is that the label is hidden when the input is focused.
In my code e...
Lowrey asked 9/8, 2021 at 20:2
3
Solved
I want to control two differnt tab contents with a single tab navigation.
In Bootstra 3 I had a solution with comma separated data targets (like in this example: https://mcmap.net/q/594687/-contro...
Cyclothymia asked 22/1, 2018 at 16:39
7
I am trying to create a horizontal list of cards where 3 cards are shown at a time and the other ones are horizontally scrollable, like this:
This can be done with CSS pretty easily, but I want ...
Stopple asked 14/3, 2016 at 16:44
6
I want to implement bootstrap-icons in an angular project but it is not working. I ran the following command,
npm i bootstrap-icons
But I am unable to add icons in the web page with icon fonts.
For...
Tuyere asked 14/7, 2022 at 17:22
14
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.
Hardison asked 18/9, 2020 at 1:54
6
Solved
I am trying to change the Bootstrap 5's accordion's "accordion-button" color when it is collapsed.
I tried below. It changes the background but not the button's icon color.
.accordion-but...
Attlee asked 16/2, 2021 at 20:47
5
Solved
I want to create a website theme based on Bootstrap. I want to extend Bootstrap's default components and change some of them. For this, I would need access to SASS variables that Bootstrap defines ...
Serve asked 19/8, 2017 at 20:35
3
Solved
How can I change theme-colors (primary, secondary, etc.) in Bootstrap 5.X with sass only for dark mode? I get how I can change the primary color in both light and dark theme mode:
custom.scss
... s...
Deenadeenya asked 9/2, 2023 at 13:45
4
I have come across an error while using ckeditor in bootstrap 5 modal and it looks like it's a very known error and many have given solution for it for different bootstrap versions but i am not abl...
Undoubted asked 21/9, 2021 at 13:7
1 Next >
© 2022 - 2024 — McMap. All rights reserved.