bootstrap-4

问题 I have copied a navbar HTML code from https://www.codeply.com/go/qhaBrcWp3v Example 6: <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="d-flex flex-grow-1"> <span class="w-100 d-lg-none d-block"><!-- hidden spacer to center brand on mobile --></span> <a class="navbar-brand d-none d-lg-inline-block" href="#"> Navbar 6 </a> <a class="navbar-brand-two mx-auto d-lg-none d-inline-block" href="#"> <img src="//placehold.it/40?text=LOGO" alt="logo"> </a> <div class="w-100 text

问题 I have copied a navbar HTML code from https://www.codeply.com/go/qhaBrcWp3v Example 6: <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="d-flex flex-grow-1"> <span class="w-100 d-lg-none d-block"><!-- hidden spacer to center brand on mobile --></span> <a class="navbar-brand d-none d-lg-inline-block" href="#"> Navbar 6 </a> <a class="navbar-brand-two mx-auto d-lg-none d-inline-block" href="#"> <img src="//placehold.it/40?text=LOGO" alt="logo"> </a> <div class="w-100 text

问题 I can get a pill badge using this method (found here & jsfiddle here): <span class="badge badge-pill badge-primary" style="float:right;margin-bottom:-10px;"> </span> How can I decrease the size of the dot? (note, I tried wrapping the <span> in <p> but that messed up formatting and didn't change the size of the dot) 回答1: According to the documentation: Badges scale to match the size of the immediate parent element by using relative font sizing and em units. So if u change the font size of the

问题 I am using the Bootstrap 4 grid system , and want to float an aside down the right hand side of the screen. Currently my MAIN content is wrapped in col-xl-3 , I want the ASIDE to also use col-xl-3 , but I want it to run the height of the page, not just the height of the row it is in, as it is currently pushing the height of the row out... As you can see from the image, my aside is pushing the top row higher than the bottom... All I have done code wise is this; section.body article, section

问题 I am using the Bootstrap 4 grid system , and want to float an aside down the right hand side of the screen. Currently my MAIN content is wrapped in col-xl-3 , I want the ASIDE to also use col-xl-3 , but I want it to run the height of the page, not just the height of the row it is in, as it is currently pushing the height of the row out... As you can see from the image, my aside is pushing the top row higher than the bottom... All I have done code wise is this; section.body article, section

问题 I need to have a vertical parent-height div which contains smaller divs. In case there's extra space, all but the last divs should be placed on top, and the latest div should be placed at the bottom. I've implemented it with Bootstrap and flex. Now I thought that it would be nice if, when possible, the bottom div will be at the bottom of the viewport instead of at the bottom of the containing div. I've implemented it with position: sticky , and it works on Chrome but not in Firefox (both

问题 I implemented a bootstrap 4 carousel as a feature on a drupal platform. This carousel is working perfectly fine on chrome but on safari, the carousel would do the transition to the next slide but would blink once and then continue to the next slide (there's a set interval time). Originally I thought it had something to do with the B4 crossfade class so I removed that but the blinking is still occurring. I wish I could add a video to show you how it looks exactly, but the description will do

问题 I implemented a bootstrap 4 carousel as a feature on a drupal platform. This carousel is working perfectly fine on chrome but on safari, the carousel would do the transition to the next slide but would blink once and then continue to the next slide (there's a set interval time). Originally I thought it had something to do with the B4 crossfade class so I removed that but the blinking is still occurring. I wish I could add a video to show you how it looks exactly, but the description will do

问题 Hi i am trying to add some separator between nav-link but it does not work i tried to add nav-link:after { content:"|"; } but it is not working or it shows in the left side. here is my code: <nav class="navbar navbar-expand-md navbar-dark bg-color"> <div class="navbar-brand header-title">Title</div> <!-- this is in the middle --> <div class="navbar-collapse collapse" id="collapsingNavbar"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="navbar-brand" href="#"> <img src="logo

问题 Hi i am trying to add some separator between nav-link but it does not work i tried to add nav-link:after { content:"|"; } but it is not working or it shows in the left side. here is my code: <nav class="navbar navbar-expand-md navbar-dark bg-color"> <div class="navbar-brand header-title">Title</div> <!-- this is in the middle --> <div class="navbar-collapse collapse" id="collapsingNavbar"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="navbar-brand" href="#"> <img src="logo