I am trying to implement a carousel that opens up the image with the associated caption in a modal when the user clicks on the image. So far, I am able to open up the image but not able to…
I am trying to import bootstrap 5.3.2 (not react-bootstrap) into a NextJS 14.1.0 project that uses new the new App Router. I would like to use individual BS components programmatically (not via data-attrs). I got it to work but (I…
I want to remove ugly verical spacing between bootstrap rows below: The code is: <div class="outerbox container-fluid vw-100"> <div class="row vw-100 justify-content-center"> <div class="col-6 col-md-7 " style=" background: rgba(255, 255, 255, 0.45); box-shadow: 0 8px 32px 0 rgba(31, 38, 135,…
I am having problems with a Bootstrap Accordion. It functions fine, but when i attempt to load an image <img src="https://placehold.co/600x400" class="img-fluid" /> within an accordion-item <div class="accordion-item"> it does not fit within the area, like the text does. I've…
I have a <select> element styled with Bootstrap 5. <div class="col-md-12"> <div class="mb-3"> <label asp-for="Schedule.Minutes" class="control-label"></label> <select asp-for="Schedule.Minutes" class="form-control" asp-items="Model.MinutesOptions"></select> <span asp-validation-for="Schedule.Minutes" class="text-danger"></span> </div> </div> I'm using class="form-control" so that it has Bootstrap styling like my other elements. However, by…
I am trying to have country code and phone number using Bootstrap v5 input group using the following code but it's not working. I want it to be in the following format by adjusting its width. Is it possible? .phone-code…
I have several buttons in gridview to call a bootstrap modal (the same modal but different contents): return Html::a('<i class="fa"></i> ', $key, [ 'title' => 'Lihat rincian agenda ini', 'data-bs-toggle' => 'modal', 'data-bs-target' => '#exampleModal', 'class' => 'modal-link', ]); return…
I am using bootstrap 5 with react in my project. I did not install it but using cdn links to use bootstrap element in the dom. I am using bootstrap modal to update data. After the update I want to…
I have a drop-down menu on the top navigation. I have applied bootstrap to one of my page, however because of this the drop down menu does not work. Applied to Head: <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> Applied to Body:…
I am new to Bootstrap and trying to customize an existing example of Bootstrap. My goal here is to extend the div tag (with id "inner") to full width of the screen. I tried a lot of different ways but…