Als «twitter-bootstrap» getaggte Fragen

Ich bin neu in Bootstrap und habe mich an dieses Problem gehalten. Ich habe ein Eingabefeld und sobald ich nur eine Ziffer eingebe, wird die Funktion von onChangeaufgerufen, aber ich möchte, dass sie aufgerufen wird, wenn ich die Eingabetaste drücke, wenn die ganze Zahl eingegeben wurde. Das gleiche Problem für …

204 javascript  twitter-bootstrap  reactjs 

Ich arbeite mit Bootstrap an einer Website. Grundsätzlich wollte ich ein Modal auf der Homepage verwenden, das über die Schaltfläche in der Heldeneinheit aufgerufen wird. Schaltflächencode: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Modalcode: <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" …

203 twitter-bootstrap  modal-dialog 

Gibt es eine Möglichkeit, den Punkt zu erhöhen, an dem die Bootstrap 3-Navigationsleiste zusammenbricht (dh so, dass sie auf Portrait-Tablets zu einem Dropdown zusammenfällt)? Diese beiden waren auf Bootstrap 2 anwendbar, aber nicht jetzt! Wie ändere ich den Schwellenwert für das Zusammenbrechen der Navigationsleiste mithilfe von Twitter-Bootstrap-Responsive? Ändern Sie den …

202 twitter-bootstrap  twitter-bootstrap-3  navbar 

Was ist der beste Weg, um ein Formular zu entwerfen, das so aussieht (siehe Link unten), in Twitter-Bootstrap ohne hausgemachte Klassen? Ist es möglich, eine innere Form-Inline innerhalb einer Form-Horizontalen wie im folgenden Beispiel festzulegen:

199 html  forms  twitter-bootstrap 

Ich habe angefangen, Bootstrap zu verwenden, um ein schönes Seitendesign zu erzielen, ohne auf GWT zurückzugreifen (das Backend ist in Java erstellt). Für meinen Anmeldebildschirm habe ich dieses Beispiel kopiert . Jetzt möchte ich zum Beispiel einen Fehler markieren, dass der Benutzername leer gelassen wurde. Also habe ich mich gefragt, …

194 twitter-bootstrap 

Ich möchte 1 größeres Bild mit 4 kleineren Bildern in einem 2x2-Format wie folgt: Mein erster Gedanke war, alles in einer Reihe unterzubringen. Erstellen Sie dann zwei Spalten und in der zweiten Spalte zwei Zeilen und zwei Spalten, um den 1x1- und 2x2-Effekt zu erzielen. Dies scheint jedoch nicht möglich …

194 css  html  twitter-bootstrap  grid  grid-system 

Ich entwerfe eine Seite mit Bootstrap 3. Ich versuche, ein Popover mit placement: righteinem Eingabeelement zu verwenden. Der neue Bootstrap stellt sicher, dass Sie bei Verwendung form-controlgrundsätzlich ein Eingabeelement in voller Breite haben. Der HTML-Code sieht ungefähr so ​​aus: <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" …

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

Schauen Sie sich im Twitter-Bootstrap die Modaldokumentation an . Ich konnte nicht herausfinden, ob es eine Möglichkeit gibt, das Abschlussereignis des Modals zu hören und eine Funktion auszuführen. Nehmen wir zB dieses Modal als Beispiel: <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> …

191 jquery  twitter-bootstrap  modal-dialog 

Weiß jemand, wie man Bootstraps ändert input:focus? Das blaue Leuchten, das angezeigt wird, wenn Sie auf ein inputFeld klicken ?

190 html  css  twitter-bootstrap 

Ich bin mit einem CSS-Problem bei der Verwendung von Bootstrap festgefahren. Ich verwende auch Angular JS mit Angular UI.bootstrap (was möglicherweise Teil des Problems ist). Ich erstelle eine Website, auf der Daten in einer Tabelle angezeigt werden. Manchmal enthalten die Daten Objekte, die ich in Tabellen anzeigen muss. Daher möchte …

190 html  css  twitter-bootstrap 

Die Schaltflächen von Twitter Bootstrap haben einen schönen Loading...Status. Die Sache ist, dass es nur eine Nachricht zeigt, die wie folgt Loading...durch das data-loading-textAttribut geleitet wird: <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> Wenn Sie sich Font Awesome ansehen, sehen Sie, dass es jetzt ein …

189 button  twitter-bootstrap  icons  loading  font-awesome 

Ich verwende Twitter Bootstrap für ein Projekt. Neben den Standard-Bootstrap-Stilen habe ich auch einige meiner eigenen hinzugefügt //My styles @media (max-width: 767px) { //CSS here } Ich verwende jQuery auch, um die Reihenfolge bestimmter Elemente auf der Seite zu ändern, wenn die Breite des Ansichtsfensters weniger als 767 Pixel beträgt. …

186 jquery  css  twitter-bootstrap  media-queries 

Für mein Leben bin ich nicht in der Lage, diese Twitter-Bootstrap-Schaltflächen so zu gestalten, dass sie in mehrere Zeilen umbrochen werden. Sie sehen so aus. Ich kann keine Bilder posten, also ist es das, was es tut ... [Dies ist der Haupttext Ich möchte, dass es so aussieht [Dies ist …

186 html  css  twitter-bootstrap  web 

Ich brauche, dass das Overlay über dem ersten Modal angezeigt wird, nicht auf der Rückseite. Code-Snippet anzeigen $('#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 …

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

Ich habe ein paar Fragen in Bezug auf Bootstrap-Modalitäten gesehen, aber keine genau so, also werde ich weitermachen. Ich habe ein Modal, das ich onclick so nenne ... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); Dies funktioniert gut, aber wenn ich das Modal zeige, möchte ich mich auf das erste Eingabeelement konzentrieren ... In …

182 javascript  twitter-bootstrap  modal-dialog