Questions tagged [bootstrap-5]
Bootstrap 5 is the fifth major version of the popular front-end component library. The Bootstrap framework aids in the creation of responsive, mobile-first websites and web apps. Use in conjunction with the main [twitter-bootstrap] tag.
bootstrap-5
6,369
questions
0
votes
0
answers
29
views
Bootstrap, White Outline In Card
So i am making a login page using bootstrap and i noticed that there is a white outline in the card, inspected it and noticed there is a subtly difference in size between the <div class="card ...
0
votes
0
answers
17
views
Bootstrap 5 Modal at input form accept only value "A, B, C or 0"
Triggered Input to perform Modal
<input class="btn btn-outline-dark w-100" data-bs-toggle="modal" data-bs-target="#updateEkskulModal" data-bs-cdcod="cdcod" ...
0
votes
1
answer
32
views
When I add bootstrap my jQuery script doesnt work. Without it it works normaly [closed]
Update
I just cut and pasted stuff back and it works, i dont know why so can anyone explain if it happens again.
Update v2.
I think chrome cashed my jQuery script and that's why it didn't work. I ...
0
votes
1
answer
44
views
How to activate bootstrap dropdown menu item by pressing keyboard key
Bootstrap 5 navbar contains dropdown menus.
Dropdown menus have underlined hotkeys like a,n,s,e :
<div class="btn-group">
<button type="button" class="btn btn-...
0
votes
0
answers
12
views
Modal Not Being Set as Priority: Issues with Z-Index and Scrollability on Main Website
I'm having trouble with a modal on my website. The modal works perfectly on its own, but when integrated into my main site, it doesn't behave as expected. Specifically:
Z-Index Priority: The modal ...
1
vote
1
answer
27
views
How to create arrow like stepper using Bootstrap 5 breadcrumbs
I am trying to create a stepper similar to the one in this example.
I applied coloring to the stepper by using text-bg-success or text-bg-primary classes on the breadcrumb-item as following.
However, ...
0
votes
0
answers
9
views
laravel livewire error use bootstrap modal
i use laravel livewire , i want to use bootstrap modal ,when i click modal button the page opacity change but modal doesnt appear
<div wire:ignore>
<button type="button&...
1
vote
2
answers
61
views
How to make Bootstrap 5.2 mega dropdown menu with full page width
I'm trying to make a Bootstrap 5.2 Mega Menu with full page-wide background, but I'm runnin into issues.
I have a basic navigation:
<nav class="navbar navbar-expand">
<div class=...
0
votes
0
answers
10
views
React Bootstrap v2.10.4 Modal Close Button 'X' is not displaying
I have upgraded from react bootstrap 1 to 2. After upgrading close icon X is not showing in Modal header. Its closing the Modal on click but icon is not showing.
<Modal.Header ...
0
votes
0
answers
27
views
Alternatives to the Bootstrap event ''hidden.bs.modal" [closed]
I'm trying to create a modal (using bootstrap) that plays music when is shown (and the music should stop when the modal is hidden).
However I have problems with importing bootstrap in my JS file so i ...
0
votes
1
answer
31
views
Importing jQuery and Bootstrap in a JS file
I'm having problems with importing libraries in my JS file.
My code is correct as it works if i use it in the script tag in my html file (where i imported jQuery and Bootstrap). However if the same ...
0
votes
0
answers
17
views
Bootstrap 5 Carousel: How to Smoothly Transition Between Non-Adjacent Slides Using Indicators
Problem Description:
I'm using Bootstrap 5 to implement a carousel with three slides, and I've encountered an issue when navigating between non-adjacent slides using the indicators. Specifically, when ...
-1
votes
1
answer
15
views
Bootstrap Responsive Layout, Totally changing the small screen design from the medium and large design
So at first i build a footer using html css and js. and then i discovered bootstrap and trying to create it using bootstrap, mobile first design <576px.
I've done the footer in the medium and large ...
2
votes
0
answers
27
views
Unable to update Javascript Bootstrap datepicker
I have two Raspberry Pis that are sending data and I have a page dedicated to graphing the data between the two. One of the Pis recently started sending data so I need the calendar function built ...
1
vote
2
answers
59
views
Angular & Bootstrap - Routes
I have created a menu, breadcrumbs, with components and their children. The problem is that I see the first child perfectly with but when I open a child of that child (grandchildren so to speak) the ...