bootstrap-4

问题 So I made a very simple responsive website layout using Bootstrap 4 so according to the code the no of columns should become 4 when it enters tablet mode ie when the viewport is 768px wide while mine is fine up to 770px showing 4 columns but when it becomes 769px it switches into smartphone mode and take the entire width and stacks on top of each other. <div class="row"> <div class="col-lg-2 col-md-3 col-sm-12" style="background-color:red;"> col </div> <div class="col-lg-2 col-md-3 col-sm-12"

问题 I made a carousel with reference of this link and originally posted on this link but unfortunately, I want no padding in first image. So I removed padding of first image but that create big width of image. So I removed padding in all images and for gap I added margin-left .carousel-item img { padding: 0; margin-right: 1rem; /* for gap */ } but that created some type of glitch when I slide it. Is there a solution for adding gap between images (not in first and last image)? Codepen Link: https:

问题 Here is the link of my website I am referring to : https://bradrar.github.io/coffee-website/ My webpage has 3 navigation links namely : Who We Are What We Do Contact Us I made the "a href" tag link to each section of the page when clicked. My question is. How can I make it so that whenever I click a link such as "Who We Are", It will have a sliding effect and not just jump to the section quickly. An example of what I want to accomplish is here : https://blackrockdigital.github.io

问题 I'm having a trouble in using the new bootstrap 4, do anyone of you know how to add/insert multiple bootstrap carousel in one single page. I've search many sites but they only give answers using bootstrap 3. thank you in advance for your help! 回答1: The demo page itself uses multiple carousels. There's nothing special you have to do except define each carousel with a unique id. This is from the docs: "Be sure to set a unique id on the .carousel for optional controls, especially if you’re using

问题 I'm having a trouble in using the new bootstrap 4, do anyone of you know how to add/insert multiple bootstrap carousel in one single page. I've search many sites but they only give answers using bootstrap 3. thank you in advance for your help! 回答1: The demo page itself uses multiple carousels. There's nothing special you have to do except define each carousel with a unique id. This is from the docs: "Be sure to set a unique id on the .carousel for optional controls, especially if you’re using

问题 I have a bootstrap-4 page grid cards. On mobile devices (col), I would like them to display 2 up, but I get twice the padding between the cards than I do on the outside. This is the result of the left and right card padding meeting in between the two cards. Because the number of cards can vary from 1 to 99 I am not sure how to reduce the inner padding to even things out. See image: Green is left and right padding. Gray is the card area. 回答1: try this css to your card element that has padding,

问题 I have a bootstrap-4 page grid cards. On mobile devices (col), I would like them to display 2 up, but I get twice the padding between the cards than I do on the outside. This is the result of the left and right card padding meeting in between the two cards. Because the number of cards can vary from 1 to 99 I am not sure how to reduce the inner padding to even things out. See image: Green is left and right padding. Gray is the card area. 回答1: try this css to your card element that has padding,

问题 I have a bootstrap-4 page grid cards. On mobile devices (col), I would like them to display 2 up, but I get twice the padding between the cards than I do on the outside. This is the result of the left and right card padding meeting in between the two cards. Because the number of cards can vary from 1 to 99 I am not sure how to reduce the inner padding to even things out. See image: Green is left and right padding. Gray is the card area. 回答1: try this css to your card element that has padding,

问题 I have a bootstrap-4 page grid cards. On mobile devices (col), I would like them to display 2 up, but I get twice the padding between the cards than I do on the outside. This is the result of the left and right card padding meeting in between the two cards. Because the number of cards can vary from 1 to 99 I am not sure how to reduce the inner padding to even things out. See image: Green is left and right padding. Gray is the card area. 回答1: try this css to your card element that has padding,

问题 I have a bootstrap-4 page grid cards. On mobile devices (col), I would like them to display 2 up, but I get twice the padding between the cards than I do on the outside. This is the result of the left and right card padding meeting in between the two cards. Because the number of cards can vary from 1 to 99 I am not sure how to reduce the inner padding to even things out. See image: Green is left and right padding. Gray is the card area. 回答1: try this css to your card element that has padding,