Pytania otagowane jako twitter-bootstrap

Jestem nowy w Bootstrap i utknąłem z tym problemem. Mam pole wprowadzania i jak tylko wprowadzę tylko jedną cyfrę, onChangewywoływana jest funkcja from , ale chcę, aby została wywołana po naciśnięciu klawisza „Enter” po wprowadzeniu liczby całkowitej. Ten sam problem z funkcją sprawdzania poprawności - wywołuje zbyt wcześnie. var inputProcent …

204 javascript  twitter-bootstrap  reactjs 

Pracuję na stronie internetowej za pomocą bootstrap. Zasadniczo chciałem użyć modalu na stronie głównej, przywołanego przyciskiem w Jednostce Bohatera. Kod przycisku: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Kod modalny: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">In Costruzione</h3> …

203 twitter-bootstrap  modal-dialog 

Czy jest jakiś sposób, aby zwiększyć punkt, w którym pasek nawigacyjny bootstrap 3 zwija się (tj. Tak, że zapada się w pozycji rozwijanej na tabletach portretowych)? Te dwa dotyczyły bootstrap 2, ale nie teraz! Jak zmienić próg zwinięcia paska nawigacyjnego za pomocą reagującego na ładowanie Twittera? Zmień domyślny punkt przerwania …

202 twitter-bootstrap  twitter-bootstrap-3  navbar 

Jaki jest najlepszy sposób zaprojektowania formularza, który wygląda tak (patrz link poniżej) w bootstrapie Twittera bez żadnych domowych zajęć? Czy możliwe jest ustawienie wewnętrznej formy wewnątrz formy wewnątrz formy, jak w poniższym przykładzie:

199 html  forms  twitter-bootstrap 

Chcę 1 większy obraz z 4 mniejszymi obrazami w formacie 2x2, takim jak ten: Moją pierwszą myślą było pomieszczenie wszystkiego w jednym rzędzie. Następnie utwórz dwie kolumny, a w drugiej kolumnie utwórz dwa rzędy i dwie kolumny, aby stworzyć efekt 1x1 i 2x2. Nie wydaje się to jednak możliwe, czy …

196 css  html  twitter-bootstrap  grid  grid-system 

Zacząłem używać Bootstrap w celu uzyskania ładnego projektu strony bez uciekania się do GWT (backend jest wykonany w Javie) Dla mojego ekranu logowania skopiowałem ten przykład . Teraz chcę zaznaczyć błąd, na przykład, że nazwa użytkownika pozostała pusta. Zastanawiałem się więc, jaka jest w tym celu procedura w ramach Bootstrap. …

194 twitter-bootstrap 

Projektuję stronę za pomocą Bootstrap 3. Próbuję użyć popover z placement: rightelementem wejściowym. Nowy Bootstrap zapewnia, że ​​jeśli używasz, form-controlto zasadniczo masz element wejściowy o pełnej szerokości. Kod HTML wygląda mniej więcej tak: <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My …

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

W bootstrapie na Twitterze przeglądanie dokumentacji modalnej . Nie byłem w stanie dowiedzieć się, czy istnieje sposób na odsłuchanie bliskiego zdarzenia modalu i wykonanie funkcji. np. weźmy ten modal jako przykład: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <a href="#" …

191 jquery  twitter-bootstrap  modal-dialog 

Czy ktoś wie, jak zmienić Bootstrap input:focus? Niebieska poświata, która pojawia się po kliknięciu inputpola?

191 html  css  twitter-bootstrap 

Przyciski Twitter Bootstrap mają ładny Loading...stan. Chodzi o to, że po prostu pokazuje komunikat Loading...przekazany przez data-loading-textatrybut w następujący sposób: <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> Patrząc na Font Awesome, widzisz, że jest teraz animowana ikona pokrętła . Próbowałem zintegrować tę ikonę pokrętła podczas …

191 button  twitter-bootstrap  icons  loading  font-awesome 

Trochę utknąłem z problemem CSS podczas korzystania z Bootstrap. Używam również Angular JS z Angular UI.bootstrap (co może być częścią problemu). Tworzę stronę internetową, która wyświetla dane w tabeli. Czasami dane zawierają obiekt, który muszę wyświetlić w tabelach. Dlatego chcę umieścić tabele bez obramowania w normalnym stole, zachowując wewnętrzne linie …

191 html  css  twitter-bootstrap 

Używam Twitter Bootstrap w projekcie. Oprócz domyślnych stylów ładowania początkowego dodałem także własne //My styles @media (max-width: 767px) { //CSS here } Używam również jQuery do zmiany kolejności niektórych elementów na stronie, gdy szerokość rzutni jest mniejsza niż 767px. $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { if($(window).width() < 767) { $("#body-container .main-content").remove().insertBefore($("#body-container …

186 jquery  css  twitter-bootstrap  media-queries 

Przez całe moje życie nie jestem w stanie sprawić, by te przyciski ładowania początkowego zawijały tekst w wielu liniach, wyglądają tak. Nie mogę publikować zdjęć, więc to właśnie robi ... [To jest bu] ttonowy tekst Chciałbym, żeby to wyglądało [To jest ] [Przycisk tekstowy ] <div class="col-lg-3"> <!-- FIRST COL …

186 html  css  twitter-bootstrap  web 

Potrzebuję, aby nakładka pokazywała się nad pierwszym modułem, a nie z tyłu. Pokaż fragment kodu $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the dialog / …

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

Widziałem kilka pytań dotyczących modów bootstrap, ale nie dokładnie tak, więc pójdę dalej. Mam modal, który nazywam kliknięciem tak ... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); Działa to dobrze, ale kiedy pokazuję modal, chcę skupić się na pierwszym elemencie wejściowym ... Może pierwszy element wejściowy ma identyfikator #photo_name. Więc próbowałem $(".modal-link").click(function(event){ $("#modal-content").modal('show'); $("input#photo_name").focus(); …

182 javascript  twitter-bootstrap  modal-dialog