Pytania otagowane jako bootstrap-4

Jak powinienem zmodyfikować CSS, aby zmienić kolor paska nawigacyjnego w programie Bootstrap na Twitterze?

711 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  navbar 

Jaka jest różnica między col-lg-*, col-md-*a col-sm-*w Twitter Bootstrap?

544 css  twitter-bootstrap  twitter-bootstrap-3  responsive-design  bootstrap-4 

Mam tutaj prostą wersję demo: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> Mam nieuporządkowaną listę i dla każdego elementu listy chcę mieć tekst po lewej, a następnie przycisk wyrównany do prawej. Próbowałem użyć metody „pull-right”, ale to całkowicie popsuło wyrównanie. Co ja robię źle?

452 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  twitter-bootstrap-2 

W Bootstrap , co jest najbardziej przyjaznym dla platformy sposób utworzyć pasek nawigacyjny, który ma logo po lewej stronie, pozycji menu w centrum, oraz logo B po prawej stronie? Oto, co próbowałem do tej pory, i ostatecznie jest wyrównywany, tak aby logo A było po lewej stronie, pozycje menu obok …

437 html  css  twitter-bootstrap  bootstrap-4  navbar 

Korzystam z Bootstrap i następujące funkcje nie działają: <tbody> <a href="#"> <tr> <td>Blah Blah</td> <td>1234567</td> <td>£158,000</td> </tr> </a> </tbody>

436 html  html-table  bootstrap-4 

Chcę mieć 5 równych kolumn na stronie, którą tworzę i wydaje mi się, że nie rozumiem, w jaki sposób używana jest siatka 5 kolumn: http://web.archive.org/web/20120416024539/http://domain7 .com / mobile / tools / bootstrap / responsive Czy pięciokolumnowa siatka jest pokazana powyżej części szkieletu bootstrap?

361 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Jak wyrównać element paska nawigacyjnego do prawej? Chcę mieć login i zarejestrować się po prawej stronie. Ale wszystko, co próbuję, nie działa. Do tej pory próbowałem: <div>wokół <ul>z atrybutem:style="float: right" <div>wokół <ul>z atrybutem:style="text-align: right" wypróbowałem te dwie rzeczy na <li>tagach próbowałem tych wszystkich rzeczy jeszcze raz z !importantdodanym na końcu …

341 css  twitter-bootstrap  flexbox  bootstrap-4  navbar 

Próbuję wyśrodkować mój kontener na środku strony za pomocą Bootstrap 4. Do tej pory mi się nie powiodło. Każda pomoc będzie mile widziana. Zbudowałem go na Codepen.io , abyście mogli się nim bawić i dać mi znać, jak działa mój pomysł ... Pokaż fragment kodu var currentAuthor = ""; var …

322 html  css  twitter-bootstrap  flexbox  bootstrap-4 

Mamy projekt intensywnie wykorzystujący glifikony. Bootstrap v4 całkowicie upuszcza czcionkę glifikonu. Czy istnieje odpowiednik ikon dostarczanych z Bootstrap V4? http://v4-alpha.getbootstrap.com/migration/

317 bootstrap-4  glyphicons 

W Bootstrap v3 często używam klas ukrytych - ** w połączeniu z clearfixem, aby kontrolować układy wielu kolumn na różnych szerokościach ekranu. Na przykład, Mógłbym połączyć wiele ukrytych - ** w jednym DIV, aby moje kolumny były wyświetlane poprawnie przy różnych szerokościach ekranu. Jako przykład chciałbym wyświetlić rzędy zdjęć produktów, …

290 twitter-bootstrap  bootstrap-4 

Jakie są niektóre z typowych sposobów wyrównywania do lewej części tekstu, a do prawej wyrównywania innego tekstu w kontenerze div w programie ładującym? na przykład Total cost $42 Powyżej całkowitego kosztu powinien być tekst wyrównany do lewej, a 42 USD to tekst wyrównany do prawej

268 twitter-bootstrap  user-interface  bootstrap-4 

Używam Bootstrap V4 i następujący błąd jest rejestrowany w konsoli; Błąd: etykiety narzędzi Bootstrap wymagają Tether ( http://github.hubspot.com/tether/ ) Próbowałem usunąć błąd, instalując Tether, ale to nie zadziałało. „Zainstalowałem” Tether, dołączając następujące wiersze kodu; <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> <script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> Czy poprawnie zainstalowałem tethering? Czy ktoś może mi pomóc usunąć ten …

176 javascript  twitter-bootstrap  bootstrap-4  tether 

Mam stronę, na której istnieje tylko formularz i chcę, aby formularz był umieszczony na środku ekranu. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> </div> </form> </div> </div> …

163 css  twitter-bootstrap  bootstrap-4  centering 

Najnowszy dokumentację, posiada: <p class="mb-0">Lorem ipsum</p> Uruchom fragment koduUkryj wynikiRozwiń fragment P: Co to jest mb-0?

155 css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

Testuję pasek nawigacyjny responsywności Bootstrap i mam witrynę demonstracyjną . Kiedy zmieniam rozmiar przeglądarki na pulpicie, wszystko działa dobrze, w tym pasek nawigacyjny, który staje się rozwijanym menu z małą ikoną u góry, którą mogę kliknąć, aby zobaczyć więcej przycisków menu. Ale kiedy wypróbowałem to w przeglądarce mobilnej (wypróbowałem na …

139 twitter-bootstrap  user-interface  twitter-bootstrap-3  responsive-design  bootstrap-4