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…
I want to place the edit & delete buttons on the same line as the image & premise name. The edit & delete buttons should be on the right & size should be the same size as the card. It…
`The problem is , i want to do two components side by side . i'm using bootstrap not react bootstrap, i'm trying to do side by side as shown in image, but listgroup is coming sown of address form I…
I am having issues of having Bootstrap NAV TABS and Grid System to work in the same page. I can get one or the other to work by changing (commenting out) the bootstrap references. So I assume its my Bootstrap…
I have a problem reoccurring in my project. I have a component ProductCard and I render in the Home component. So this is the ProductCard component <div className={location.pathname === "/store" ? `gr-${grid}` : "col-3"}> {data && data.length > 0 &&…
I'm trying to create an input form. The first row contain a column, The second row contain 2 column, the third row contain 3 column. There are label and input in each column When i try to create the form,…
I'm trying to modify the css of my input-group and input-group text when input is in focus In this case i'm using bootstrap 5 But as you can see in the image below. There's some overlapping between input and input-group-text…