I'm very new to working with HTML/CSS and I'm currently using Bootstrap Studio for a project. I am creating an 'About' section of a webpage where I have made four rows each with two columns, like this: Image Text Text…
I'd like to add image and icons to my video, but I don't know how to do that using CSS. I want the image that serve as profile picture and my icons to be like these icons in the picture…
My I bootstrap 5 navbar only goes as wide as the contents. I would like it to expand the length of the container. It doesn't change when I change the navbar-expand-?? setting. <div class="container p-3 my-3 bg-primary text-white"> <h1>Pets to…
I have a table with a few hundred rows generated by a recurring PHP script. With Bootstrap 5, I use a stretched link to make the entire row of the table clickable. This works exactly as expected on desktop, and…
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'>…