Pytania otagowane jako twitter-bootstrap-3

Bootstrap 3 to trzecia generacja frameworka front-end, umożliwiająca szybsze tworzenie stron internetowych o atrakcyjnym wyglądzie i działaniu. Używaj z tagiem [twitter-bootstrap]

5
Wprowadzanie tekstu o pełnej szerokości za pomocą ładowania początkowego w formularzu wbudowanym
Staram się utworzyć pole tekstowe, które pasuje do całej szerokości mojego obszaru kontenera . <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> Kiedy robię to powyżej, dwa elementy formularza znajdują się w jednej linii, …
6
Jak dodać pole wyszukiwania z ikoną do paska nawigacyjnego w Bootstrap 3?
Używam nowego Twitter Bootstrap 3 i próbuję umieścić takie pole wyszukiwania (poniżej) na górnym pasku nawigacyjnym : W Bootstrap 2 można było zrobić tak: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> Ale nie jestem pewien, jak wyprodukować …
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 …
8
Bootstrap 3.0 - płynna siatka zawierająca stałe rozmiary kolumn
Uczę się korzystać z Bootstrapa. Obecnie brodzę przez układy. Chociaż Bootstrap jest całkiem fajny, wszystko, co widzę, wydaje się przestarzałe. Na całe życie mam coś, co uważam za podstawowy układ, którego nie mogę zrozumieć. Mój układ wygląda następująco: --------------------------------------------------------------------------- | | | | | | | | | 240px | …
14
Bootstrap 3 Zwiń pokaż stan z ikoną Chevron
Korzystając z podstawowego przykładu zaczerpniętego ze strony przykładów JavaScript Bootstrap 3 dla Collapse , udało mi się pokazać stan zwinięcia za pomocą ikon jodełek. Mam to działające przy użyciu: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); To działa (nie w pełni przetestowane we wszystkich przeglądarkach), ale …
18
Bootstrap 3: Zachowaj wybraną kartę przy odświeżaniu strony
Staram się, aby wybrana karta była aktywna podczas odświeżania za pomocą Bootstrap 3 . Próbowałem i sprawdziłem z jakimś pytaniem już tu zadanym, ale nic nie działa dla mnie. Nie wiem, gdzie się mylę. Oto mój kod HTML <!-- tabs link --> <ul class="nav nav-tabs" id="rowTab"> <li class="active"><a href="#personal-info" data-toggle="tab">Personal …
3
Slajd Bootstrap 3 w menu / pasku nawigacyjnym na telefonie komórkowym [zamknięty]
Zamknięte. To pytanie wymaga szczegółów debugowania . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby było na temat przepełnienia stosu. Zamknięte w zeszłym roku . Popraw to pytanie Buduję aplikację mobilną opartą na przeglądarce i zdecydowałem się użyć Bootstrap 3 jako frameworka css do projektowania. Bootstrap 3 …
6
Bootstrap 3 - Dlaczego klasa wiersza jest szersza niż jej kontener?
Właśnie zacząłem używać Bootstrap 3. Trudno mi zrozumieć, jak działa klasa row. Czy jest sposób, aby uniknąć padding-lefti padding-right? <div class="row" style="background:#000000"> <div class="col-xs-4 .col-xs-offset-1"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> </div> http://jsfiddle.net/petran/rdRpx/
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.