Pytania otagowane jako twitter-bootstrap-3

Próbuję zainstalować Bootstrap 3.0 w mojej aplikacji Rails. Niedawno ukończyłem samouczek Michaela Hartla i teraz próbuję zbudować własny system przy użyciu nowej wersji Bootstrap, ale mam kilka pytań, których nie jestem pewien. Moje specyfikacje systemowe: OS X Mountain Lion na MBP Szyny 4.0 Ruby 2.0 Mam pytania: Jaki klejnot najlepiej …

112 ruby-on-rails  ruby  twitter-bootstrap-3 

Mam problem z modalem. Mam przycisk na stronie, który przełącza tryb. Kiedy pojawi się modal, strona przeskakuje na górę. Zrobiłem wszystko, co mogłem, aby znaleźć rozwiązanie / itp., Ale jestem naprawdę zagubiony. EDYTOWAĆ: Próbowałem też z: $('#myModal').modal('show');ale ma dokładnie ten sam efekt.

111 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3 

Właśnie taki efekt staram się osiągnąć dzięki karuzeli Bootstrap 3 Zamiast pokazywać tylko jedną klatkę na raz, wyświetla N klatek przesuwanych obok siebie. Następnie podczas przesuwania (lub gdy przesuwa się automatycznie), przesuwa grupę slajdów w ten sam sposób. Czy można to zrobić za pomocą karuzeli bootstrap 3? Mam nadzieję, że …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

Próbuję zmniejszyć wysokość paska nawigacyjnego bootstrap 3.0, który jest używany ze stałym zachowaniem góry. Tutaj używam kodu. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse navbar-collapse" role="navigation"> …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

próbowałem tego, ale poszło źle oto css body .modal-ku { width: 750px; } a oto nieudany wynik

106 html  css  twitter-bootstrap-3 

Chciałbym, aby etykiety nie znajdowały się nad polem wprowadzania, ale po lewej stronie. <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" class="btn btn-default btn-clear"> …

105 css  twitter-bootstrap-3 

Jestem nowy w Bootstrap i mam starszą wersję 2.3.2. Wersja 3 została wydana. Czy po prostu zastępuję pliki CSS i Javascript, jeśli chcę używać najnowszej wersji?

102 twitter-bootstrap  twitter-bootstrap-3 

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ą …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

Jaki jest tabindexatrybut w Bootstrap 3? Jego dokumentacja nic o nich nie mówi, chociaż używają ich praktycznie we wszystkich modach. Znalazłem to tylko w odniesieniu do jego zastosowania, co tak naprawdę niewiele mówi Dostępne podpowiedzi dla użytkowników klawiatury i technologii wspomagających W przypadku użytkowników korzystających z klawiatury, aw szczególności użytkowników …

101 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

Wystąpił problem z ukrytymi / widocznymi klasami nowych responsywnych narzędzi podczas migracji do Bootstrap 4 . Zdaję sobie sprawę, że klasy .hidden- zostały usunięte z v3 i zastąpione przez.hidden-*-up .hidden-*-down . Używam nowych .hidden-*-up.hidden-*-downklas, ale elementy nie zmieniają się na widoczne / ukryte. Nie mogę zrozumieć, dlaczego. <div class="col hidden-xs-down"> …

100 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

Wiem, że Bootstrap 3ma poziomy rozdzielacz, który możesz umieścić w menu rozwijanych, aby oddzielić linki w ten sposób: <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> Moje pytanie brzmi: czy istnieje sposób na zrobienie tego bez rozwijania go, na przykład umieszczenie go na jakiejkolwiek liście …

98 twitter-bootstrap  twitter-bootstrap-3 

Migruję moje motywy Bootstrap z wersji 2.3.2 do wersji 3.0.0 i zauważyłem, że wiele wymiarów jest obliczanych inaczej, ze względu na następujące style w pliku bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Czy ktoś może wyjaśnić, dlaczego Bootstrap zmienia rozmiar wszystkich elementów na border-box? Podejrzewam, …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

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"> …

98 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle Zgaduję, że przechowywałbym zawartość formularza w funkcji javascript ... Jak zawrzeć formularz w wyskakującym okienku bootstrap?

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

Tak więc używam tego kodu, aby otworzyć inne okno modalne w aktualnie otwartym oknie modalnym: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> Dzieje się tak, że przez około 500 ms pasek przewijania będzie się duplikował. Myślę, że obecny modal wciąż zanika. Jednak wygląda to na bardzo nierówne i zacinające się. Byłbym wdzięczny za wszelkie …

95 javascript  jquery  twitter-bootstrap  modal-dialog  twitter-bootstrap-3