I want my carousel-item at least it have 5 cards. But it only has one card in each carousel-item. What should I do.: {% for knowledge in knowledges %} <div class="carousel-inner"> {% for photo in photo01s|slice:":5" %} <div class="carousel-item {%…
I am trying to center the card but its not getting centered properly, im a beginner so im not sure what to do. </head> <body> <div class="container"> <div class="row justify-content-center"> <div class="col-md-4 col-12"> <div class="card bg-card col-12"> <div class="card-body text-center">…
How do I do I make the "linkedin" images touch eachother or have a less gap? I am using the second bootstrap footer template here https://getbootstrap.com/docs/5.3/examples/footers/ . I replaced the images on the right side with linkedin images, but cant…
I am trying to use a drop down menu from a navbar. I copied the exact code snippets provided at getbootstrap dot com, and bingo, 💩 not working. Why? Are the links to import libraries for popper in the right…
I've recently upgraded my Laravel application to use Bootstrap 5 and I'm having trouble getting Bootstrap's tooltips to work. My application is running Laravel Framework 9.52.16 with Bootstrap 5.3.3 and popper.js 1.16.1. While the default HTML tooltips work fine, I'm…
I have a multi-step form that uses Bootstrap nav-pills. Clicking through the buttons works as expected, as well as clicking through the separate buttons. However, I want to disable them so users won't be able to go to the other…
This is such an odd issue. I've never had any issues like this before... Here is my dropdown... $('#mydropdown').on('show.bs.dropdown', function() { console.log('hit 1'); }); $(document).on('show.bs.dropdown', '#mydropdown', function() { console.log('hit 2'); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/> <div class="dropdown" id="mydropdown">…
I am creating a bootstrap 5 page, but facing a challenge to stretch two child DIVs to the same height as the parent. Can someone help me please? Here is the HTML: https://jsfiddle.net/og7pz9sq In the above fiddle, I am trying…
I'm using Bootstrap and custom CSS to design a navbar that keeps the shopping cart icon on the right side of the bar on both desktop and mobile. No matter how I order the elements, I can't seem to do…
I'm making an image gallery. While working on the feature that brings the image to the full size of the browser window I realized that I can't specifically set the size of the parent element that the img belongs to…