Here is a code example: let order_modal = document.getElementById('order'); order_modal.addEventListener('show.bs.modal', function (e) { bootstrap.Modal.getInstance(order_modal).hide(); }, false); When I open the modal, it opens, the .hide() method does not work. If I change event to 'shown.bs.modal' it works but modal blinks.
In a card I have a column with different buttons. I want to have the red button at the bottom of this row but margin auto is not working for me. How can I achieve this? Thank You! <link rel="stylesheet"…
I used some code from another site to create a Bootstrap 5 carousel. Unfortunately, my carousel left aligns and I would like it to be in the center of the container. <div class="container-lg my-3"> <div id="myCarousel" class="carousel slide" data-bs-ride="carousel"> <!--…
Is there anyway I can display an icon at the center of the bootstrap-5 card image? I have an icon that I want to display at the center of my card image, but I don't know how to do that…
I'm messing around with Bootstrap and I think I've done everything listed on their page about the Alert. But my close-button just looks like a big fat grey square with an X in it. Any idea what I'm missing? https://codepen.io/Slagon/pen/NWORGpv…
Using Bootstrap 5, I have a button and a select element in the same row, and they show different heights by default. Is it possible to make them the same height? <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> <div class='container'> <div class='row'>…
Im Trying to create a website using bootstrap. I want to move the desktop icon a little to the right for better view. I tried floating etc. but I couldn't done it. I tried floating etc. but I couldn't done…
So I have this template which the Floating labels are not showing up. <section class="text-center"> <div class="card mx-auto" style="max-width: 450px;"> <div class="card-body"> <div class="row d-flex justify-content-center"> <div class="col-lg-8"> <h2 class="fw-bold mb-5">Sign up now</h2> <!-- 2 column grid layout with text…
I'm expecting the navbar to have padding on the left and right per my CSS. I can't figure out after a long while trying to remove the div-container fluid, or if I'm declaring the wrong selector, I'm lost. I'm not…
My problem: My clock icons break off like this on some phone screens How it should be: They should take the time value with them and break together like this: Here's the HTML: https://jsfiddle.net/jfta78n3/ And just in case it could…