Pytania otagowane jako twitter-bootstrap

Bootstrap to front-end frameworka zaprojektowanego w celu przyspieszenia rozwoju aplikacji i stron internetowych. W przypadku pytań związanych z wersją Bootstrap użyj również znacznika konkretnej wersji z tagów „twitter-bootstrap-2”, „twitter-bootstrap-3” i „bootstrap-4”.

30
Wyśrodkuj kolumnę za pomocą Twitter Bootstrap 3
Jak wyśrodkować div o rozmiarze jednej kolumny w kontenerze (12 kolumn) w programie Bootstrap 3 na Twitterze ? .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> Uruchom fragment koduUkryj wynikiRozwiń fragment kodu Chcę div, .centeredaby klasa była wyśrodkowana w kontenerze. Mogę …
30
Jak mogę ustawić kolumny Bootstrap na tej samej wysokości?
Używam Bootstrap. Jak mogę zrobić trzy kolumny tej samej wysokości? Oto zrzut ekranu przedstawiający problem. Chciałbym, aby niebieska i czerwona kolumna miały taką samą wysokość jak kolumna żółta. Oto kod: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div class="col-xs-4 panel" style="background-color: yellow"> …
23
wyrównanie w pionie za pomocą Bootstrap 3
Używam Twitter Bootstrap 3 i mam problemy, gdy chcę wyrównać dwa w pionie div, na przykład - link JSFiddle : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> <div class="col-xs-5"> …
14
Jak otworzyć okno modalne Bootstrap za pomocą jQuery?
Używam modalnej funkcjonalności okna Bootstrap na Twitterze. Kiedy ktoś kliknie przycisk Prześlij w moim formularzu, chcę wyświetlić okno modalne po kliknięciu przycisku „Prześlij” w formularzu. <form id="myform" class="form-wizard"> <h2 class="form-wizard-heading">BootStap Wizard Form</h2> <input type="text" value=""/> <input type="submit"/> </form> <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> …
6
Co to jest sr-only w Bootstrap 3?
Do czego służy klasa sr-only? Czy to ważne, czy mogę to usunąć? Działa dobrze bez. Oto mój przykład: <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Sales</a></li> <li><a href="#">Technical</a></li> <li class="divider"></li> <li><a href="#">Show all</a></li> …
30
Modal bootstrap pojawiający się w tle
Użyłem kodu dla mojego modalu prosto z przykładu Bootstrap i dołączyłem tylko bootstrap.js (a nie bootstrap-modal.js). Jednak mój modal pojawia się pod szarym odcieniem (tło) i nie można go edytować. Oto jak to wygląda: Zobacz to skrzypce dla jednego poznać sposobów na odtworzenie tego problemu. Podstawowa struktura tego kodu jest …
23
Jak uzyskać wyśrodkowane treści za pomocą Twitter Bootstrap?
Staram się podążać za bardzo podstawowym przykładem. Korzystając ze strony początkowej i systemu siatki , miałem nadzieję, że: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Uruchom fragment koduUkryj wynikiRozwiń fragment kodu ... tworzyłby wyśrodkowany tekst. Jednak nadal pojawia się po lewej stronie. Co ja robię źle?
11
Powiąż funkcję z modułem Twitter Bootstrap Modal Close
Korzystam z biblioteki Twitter Bootstrap w nowym projekcie i chcę, aby część strony odświeżyła i pobrała najnowsze dane Json po zamknięciu modalnym. Nie widzę tego nigdzie w dokumentacji, ktoś mógłby mi to wskazać lub zaproponować rozwiązanie. Dwa problemy z użyciem udokumentowanych metod $('#my-modal').bind('hide', function () { // do something ... …
10
Przekazywanie danych do modułu ładującego
Mam kilka hiperłączy, z których każdy ma dołączony identyfikator. Kiedy kliknę ten link, chcę otworzyć modal ( http://twitter.github.com/bootstrap/javascript.html#modals ) i przekazać ten identyfikator modalowi. Szukałem w Google, ale nie mogłem znaleźć niczego, co mogłoby mi pomóc. To jest kod: <a data-toggle="modal" data-id="@book.Id" title="Add this item" class="open-AddBookDialog"></a> Które powinny się otworzyć: …
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.