I have multiple dropdowns within a top level dropdown menu. I have an issue where when I click to open one submenu, it remains open when I click to open another. Would like to auto close the others when another…
trying to set the width of a div work without problems, but doing the exact same thing for the height won't work I wanted to play around with the bootstrap carousel in codeply but it did not work as expected:…
I wanted to use @media (hover: hover) but I could not get it to work. I have three images in a row that display a text overlay when they are hovered over with a mouse. Currently, whenever I add @media…
Fixed-Top navbar is blocking the top content of the page in mobile screen but not on pc screen. Once I reduce the browser width to mobile screen my navbar is covering the top content of my body... <nav class="navbar fixed-top…
how can I add input and button to be on the same line using bootstrap-5, what I'm trying here it is not working, is there anyway to style it or add some bootstrap-5 markup? <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <div…
I'm trying to display divs and spans on the same line and I want the divs to fill all available width. However, when I use display: inline-flex, the div widths shrink to ~= 30% of the available free space. *…
I want to customize the colors of radio toggle buttons in bootstrap using my style.css. I can change the backgroundcolor in normal mode, but not the checked state. I cant find any more information in the www. Do i have…
I have the code below: .global-wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; } .header { width: 1024px; background-color: purple; padding: 7px; margin: 0; } div { overflow: hidden; white-space: nowrap; } .contents svg { height: 25px; width:…
I want the previous and next images in the carousel to appear partially for every central image like this Here is the code. <div class="carousel-container"> <div id="carouselExampleRide" class="carousel slide" data-bs-ride="true"> <div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleRide" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span…
I want to move the search icon and search input at the end of the navbar. I'm using Bootstrap 5.0.2 IDK how to move the icon and search box at the end as I'm new to Bootstrap, HTML, and CSS…