bootstrap-4

问题 Someone has had a dig at this before, but I don't seem to be able to make it work. I'm trying to filter cards on Bootstrap 4 and when I apply a search query, it ends up hiding all my cards, instead of just the ones it should. Hopefully anyone can help. $('#search').keyup(function() { $('.card').show(); var filter = $(this).val(); // get the value of the input, which we filter on $('.card-deck').find('.card .card-body h4:not(:contains(" + filter + "))').parent().parent().addClass('d-none'); })

问题 Someone has had a dig at this before, but I don't seem to be able to make it work. I'm trying to filter cards on Bootstrap 4 and when I apply a search query, it ends up hiding all my cards, instead of just the ones it should. Hopefully anyone can help. $('#search').keyup(function() { $('.card').show(); var filter = $(this).val(); // get the value of the input, which we filter on $('.card-deck').find('.card .card-body h4:not(:contains(" + filter + "))').parent().parent().addClass('d-none'); })

问题 I have a large section of text on a page and when the screen is larger, I have media queries to make the text form columns. However, when I do this, some of the photos don't fully go to into one column. For whatever reason it will split the photo and show a portion of it at the bottom of one column and the rest of it in the next column. This also happens with divs. If I swapped the white feature div and the image, then it also splits itself. Here's a portion of my code with a quick example:

问题 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" /> <div class="col-md-3"> <div class="card bg-dark text-white"> <img class="card-img" src="http://via.placeholder.com/300x340" alt="Card image"> <div class="card-img-overlay"> <h5 class="card-title">Title</h5> <h3 class="card-text font-weight-bold"><span class="mr-auto">Some other title here</span></h3> <div class="align-self-end">Text I want at bottom</div> </div> </div> </div> I am unable to

问题 In bootstrap 4 when the header becomes responsive the breadcrumb button not working as it is. I have included the Bootstrap 4 CSS and bootstrap 4 js please help me fix the issue Code: .navbar { height:100px; } <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"> <nav class="navbar navbar-expand-md navbar-light bg-light fixed-top"> <div class="container nopadding"> <a class="navbar-brand" href="#"> logo </a> <button class="navbar-toggler"

问题 So I am working with a dashboard look that has the possibility of having four 'squares' that can be switched on and role dependant on a users role. The top row usually is left as it so has square around 30% and the other is around 70% width. This is fine. However, on the bottom row of the dashboard, you can have two squares. When the two are switched on then my current grid setup works just fine but when a user has one square 'hidden' then the other square doesn't take up the whole row. This

问题 ORIGINAL POST I want to create a navigation menu in PHP with Bootstrap 4. Problem is that one of the <li> 's is not right (the one from dropdown , it doesn't become a dropdown but just a normal nav-item ). This code works alright if you want to make a normal menu with <ul> and <li> but with bootstrap you need to have a nav-item dropdown on the <li> of id 2 named Dropdown . How would I do this? I hope this is enough information. This is the array(): array (size=3) 0 => array (size=5) 0 =>

问题 I am using Bootstrap 4 for my web page, I am facing problem with the nav-tabs. I need to open a Forget Password Tab from the Login Tab Content page via hyperlink there. Below code is working for me in Bootstrap 3 but not in Bootstrap 4 <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"><a class="nav-link active" href="#log-in" data-toggle="tab">Log in</a></li> <li class="nav-item"><a class="nav-link" href="#forgot-password" data-toggle="tab">Forgot password</a></li> <li class="nav

问题 I am using Bootstrap 4 for my web page, I am facing problem with the nav-tabs. I need to open a Forget Password Tab from the Login Tab Content page via hyperlink there. Below code is working for me in Bootstrap 3 but not in Bootstrap 4 <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"><a class="nav-link active" href="#log-in" data-toggle="tab">Log in</a></li> <li class="nav-item"><a class="nav-link" href="#forgot-password" data-toggle="tab">Forgot password</a></li> <li class="nav

问题 wondering if anyone has any tips on how to increase the dropdown width? I have a row containing two columns with a a bit of javascript that slides the dropdown up and down when selected. The problem I am having is that I can't seem to figure how to increase the dropdown width when selected, ideally the dropdown would match the column size. But what is happening is that the dropdown width is only the same size as the text within the dropdown does anyone have a suggestion on how to increase the