It's probably simple, but I could not figure out how to fix it. I use Bootstrap5. The full code is here : https://www.codeply.com/p/BywuhLNUXy Seems codeply has some problems... So I put it also on jsfiddle https://jsfiddle.net/paul_z/y7a6dnkf/1/ Mainly it's contact directory…
In bootstrap 3, the info color was #d9edf7. When using bg-info or alert-info, the background color was always #d9edf7. I'm trying to override bootstrap 5.0 to have the same effect on the info color. I have a cutom scss file…
I'm codding such grid with pictures in Bootstrap 5 framework. My code for this grid: #project_images img { height: 100%; width: 100%; object-fit: cover; } <section> <div class="container" id="project_images"> <div class="row gy-3 gy-lg-4"> <div class="col-12"> <div class="row gx-3 gy-3 gx-lg-4…
Anybody knows how to style the bootstrap switch button when it's disabled? I managed to style it for enabled status but for disabled it still gets dark as a bootstrap default effect. I'd like to have it the same appearance…
I have an issue where the bottom of the sidebar is not showing. when I remove the top navbar, it works as expected. And I have tried several ways to fix it but all the solutions I have found didn't…
I am trying to make my code responsive so the layout on a smaller screen matches that of the larger screen where the times are side by side with the days. Here is a snippet of my code: <section class="maps-link">…
I have multiple dropdowns within a top level dropdown menu. I have an issue where when I click to open one submenu, the contents overlaps the container. I would like to scale the container to the sub-menu contents height when…
I have the created the following layout using Bootstrap 5 (link to fiddle below). The rows of buttons are aligned as I wish at 1200px and above but when the XL breakpoint is reached at 1199px, the buttons align to…
when I'm implementing bootstrap to my project, mobile view and the position of my divs moving very badly. Consider my code table { border-collapse: collapse; margin: auto; position: absolute; width: 60%; height: 60%; table-layout: fixed; } td { /* width:…
I am developing some custom styles in Laravel and overriding the default bootstrap color variables. This is inside my app.scss @import '~bootstrap/scss/bootstrap'; @import "node_modules/font-awesome/scss/font-awesome.scss"; $primary: #625BF6; $danger: #ff4136; .btn-primary { --bs-btn-bg: $primary; --bs-btn-hover-bg: #6b64f5; --bs-btn-active-bg: #534bf3; } I have also…