bootstrap-4

问题 I can change the primary button color by changing the theme-color in bootstrap v4. But it affects all other components as well. How to set the primary button colour without affecting the theme color? I dont want to set brand-primary and achieve it.Any other alternatives? 回答1: 2019 Update for Bootstrap 4.1+ Now that Bootstrap 4 uses SASS, you can easily change only the button color using the button-variant mixins. Since you only want to change the primary button color, and not the entire

问题 I can change the primary button color by changing the theme-color in bootstrap v4. But it affects all other components as well. How to set the primary button colour without affecting the theme color? I dont want to set brand-primary and achieve it.Any other alternatives? 回答1: 2019 Update for Bootstrap 4.1+ Now that Bootstrap 4 uses SASS, you can easily change only the button color using the button-variant mixins. Since you only want to change the primary button color, and not the entire

问题 I'm using Bootstrap 4 with the container at default width on my desktop screen. I want the main content section of my app to be max 940px container on big screen. Do I simply override the bootstrap container class, or create new class container-2? or something else? Edit 回答1: according to the bootstrap.css you could build your own container class. These are the classes you have to 'rebuild': .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left:

问题 I have one row inside which I have three columns like this: <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <section> <div class="container"> <div class="row"> <div class="col-4"> <img class="img-fluid" src="https://via.placeholder.com/321x620" alt="" /> </div> <div class="col-4"> <img class="img-fluid" src="https://via.placeholder

问题 I have a multiselect bootstrap drowdown. I want to display the selected values from a drop-down in a separate div as rows with multiple checkboxes to select. How I can proceed for this? Like I have selected 3 items(I1,I2,I3) from dropdown then i should display all the three items as rows with 5 checkboxes to select in each row. The count of checkbox is fixed. This div should not be available on page load and clearing the values of dropdown. Any idea would help.Thanks. 来源： https:/

问题 This question already has answers here : Order columns through Bootstrap4 (6 answers) Closed 4 months ago . I have to divs next to each other in a row div. On mobile, i want the right_side div(col-md-9) to be the first div. I tryed ordering it with flex, but it messed up all my site. <div class="row"> <div class="col-md-3">Left side</div> <div class="col-md-9">Right side, but first on mobile or tablet</div> <div class="clearfix"></div> </div> If i am viewing the site on mobile or tablet, i

问题 I am trying to create a title overlay for images in a grid system. So what I got is that my image grid is positioned nicely but without the title overlay. I tried running it one time and the overlay covers the entire grid not only that the page runs. But now I got the image to be positioned nicely but the title overlay. I am having issues with it. Here's my code: .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 30px; align-items: stretch; } .grid

问题 I followed the React-Bootstrap documentation, especially this piece of code to make my navbar -> https://react-bootstrap.github.io/components/navbar/#navbars-mobile-friendly However, I cleaned the session of my app from Google Chrome and my navbar seems to stay collapsed. I searched the internet without success because I am not really sure what the problem is and where it comes from? There is my <Navbar/> 's code import React from 'react' import { Navbar as BoostrapNavBar, Nav, NavItem,

问题 I currently have a navbar I've made using Bootstrap 4, I was hoping someone could help me. I cannot get the dropdown to show on hover. At the moment it only works when the tab is clicked then the dropdown menu show. I would like to know how to make the dropdown menu hover? a.dropdown-item:hover { background-color: orange; color: white; text-shadow: 1px 1px grey; } /* Removing outline from navbar tabs */ a#navbarDropdown.nav-link.dropdown-toggle:active, a#navbarDropdown.nav-link.dropdown

问题 I currently have a navbar I've made using Bootstrap 4, I was hoping someone could help me. I cannot get the dropdown to show on hover. At the moment it only works when the tab is clicked then the dropdown menu show. I would like to know how to make the dropdown menu hover? a.dropdown-item:hover { background-color: orange; color: white; text-shadow: 1px 1px grey; } /* Removing outline from navbar tabs */ a#navbarDropdown.nav-link.dropdown-toggle:active, a#navbarDropdown.nav-link.dropdown