Pytania otagowane jako bootstrap-4

Bootstrap 4 to czwarta główna wersja popularnej biblioteki komponentów front-end. Struktura Bootstrap pomaga w tworzeniu responsywnych witryn i aplikacji internetowych przystosowanych do urządzeń mobilnych.

16
Jak sprawić, by karty Bootstrap 4 miały taką samą wysokość w kolumnach kart?
Używam Bootstrap 4 alpha 2 i wykorzystuję karty. W szczególności pracuję z tym przykładem zaczerpniętym z oficjalnych dokumentów. Jak sprawić, by wszystkie karty miały taką samą wysokość? Teraz myślę tylko o ustawieniu następującej reguły CSS: .card { min-height: 200px; } Ale to jest tylko zakodowane rozwiązanie, które nie zadziała w …
13
Bootstrap 3: pociągnij w prawo tylko dla col-lg
Nowy w bootstrapie 3 ... W moim układzie mam: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Chciałbym, aby „elementy 2” NIE były wyrównane dokładnie na ekranach mniejszych niż col-lg. Tak efektywnie mając klasę pull-right tylko dla col-lg-6 ... Jak mogłem to …
12
Bootstrap 4 Zmień kolor przełącznika Hamburger
Mam witrynę typu bootstrap, w której przełącznik hamburgera jest dodawany, gdy rozmiar ekranu jest mniejszy niż 992px. Kod wygląda tak: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> Czy istnieje możliwość zmiany koloru przycisku przełącznika hamburgera?
3
Bootstrap v4 datepicker [zamknięty]
Zamknięte. To pytanie nie spełnia wytycznych dotyczących przepełnienia stosu . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby było na temat przepełnienia stosu. Zamknięte 2 lata temu . Popraw to pytanie Używam Bootstrap V4 w mojej nowej witrynie, ponieważ jest w wersji alfa. Jednak nie widzę, że …
4
Bootstrap 4: Rozwijane menu pojawia się po prawej stronie ekranu
Nie mogę sprawić, by rozwijane elementy nie znikały ze strony. Wypróbowałem kilka rzeczy z BS3, ale wydaje się, że nie działają. Nie jestem pewien, czy to z powodu ml-auto. (zignoruj ​​instrukcje if-else) Oto CodePen : <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button class="navbar-toggler navbar-toggler-right navbar-toggler-custom" type="button" data-toggle="collapse" …
9
Jak ukryć zwijany pasek nawigacyjny Bootstrap 4 po kliknięciu
Stworzyłem ten zwijany pasek nawigacyjny za pomocą Bootstrap 4, który działa ładnie, ale chciałbym, aby zamykał się, gdy użytkownik kliknie łącze. Jakiś sposób to zrobić? Dzięki html navbar: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="container"> …
10
Co się stało z klasami .pull-left i .pull-right w Bootstrap 4?
W najnowszej wersji pull-left i pull-right zostały zastąpione przez .pull- {xs, sm, md, lg, xl} - {left, right, none} Oznacza to, że zamiast pisać proste class="pull-right", będę musiał teraz napisaćclass="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" Czy można to zrobić w mniej żmudny sposób?
104 bootstrap-4 
7
Rozmiar kolumn tabeli
W programie Bootstrap 3mogę dowolnie stosować col-sm-xxdo thtagów w theadkolumnach tabeli i zmieniać ich rozmiar. Jednak to nie działa w bootstrapie 4. Jak mogę osiągnąć coś takiego w bootstrap 4? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> Patrząc na codeply, pod warunkiem, że …
5
Zwijany pasek boczny z Bootstrapem
Właśnie odwiedziłem tę stronę http://www.elmastudio.de/ i zastanawiałem się, czy możliwe jest zbudowanie zwinięcia lewego paska bocznego za pomocą Bootstrap 3. Kod zwijania paska bocznego od góry (tylko telefon): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> Sam pasek boczny ma klasę hidden-xs. Jest usuwany za pomocą …
6
popper.js w bootstrap 4 daje SyntaxError Nieoczekiwany eksport tokenu
Próbowałem zainstalować bootstrap 4 i zamieściłem następujące linki <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> Ale pojawia się następujący błąd: Uncaught syntaxError: Nieoczekiwany eksport tokenu Jakieś pomysły, jak to naprawić?
13
Bootstrap 3 i 4. Kontener-fluid z siatką dodającą niechcianego wypełnienia
Chciałbym, aby moja treść była płynna, ale podczas korzystania .container-fluidz siatki Bootstrap nadal widzę wypełnienie. Jak pozbyć się wypełnienia? Widzę, że nie dostaję wypełnienia z .row, ale chcę dodać kolumny, a gdy tylko to zrobię, wypełnienie powróci: O. Chcę móc używać kolumn o pełnej szerokości. Przykład: <div class="container-fluid"> <div class="row"> …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.