Als «twitter-bootstrap» getaggte Fragen

Bootstrap ist ein Front-End-Framework, mit dem die Entwicklung von Web-Apps und Websites angekurbelt werden soll. Bei Fragen zu einer Version von Bootstrap verwenden Sie auch das Tag der jeweiligen Version aus den Tags "twitter-bootstrap-2", "twitter-bootstrap-3" und "bootstrap-4".

22
Twitter Bootstrap Remote Modal zeigt jedes Mal den gleichen Inhalt
Ich benutze Twitter Bootstrap, ich habe ein Modal angegeben <div class="modal hide" id="modal-item"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">x</button> <h3>Update Item</h3> </div> <form action="http://www.website.com/update" method="POST" class="form-horizontal"> <div class="modal-body"> Loading content... </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <button class="btn btn-primary" type="submit">Update Item</button> </div> </form> </div> Und die Links <a href="http://www.website.com/item/1" …

25
Bootstrap-Tooltips funktionieren nicht
Ich werde hier verrückt. Ich habe folgendes HTML: <a href="#" rel="tooltip" title="A nice tooltip">test</a> Und der Tooltip im Bootstrap-Stil wird nicht angezeigt, sondern nur ein normaler Tooltip. Bootstrap.css funktioniert einwandfrei und ich kann die Klassen dort sehen Ich habe alle relevanten JS-Dateien am Ende meiner HTML-Datei: <script src="bootstrap/js/jquery.js"></script> <script src="bootstrap/js/bootstrap-alert.js"></script> …

30
Der modale Hintergrund des Twitter-Bootstraps verschwindet nicht
Ich verwende den Twitter Bootstrap Modal Dialog. Wenn ich im modalen Bootstrap-Dialogfeld auf die Schaltfläche "Senden" klicke, wird eine AJAX-Anfrage gesendet. Mein Problem ist, dass der modale Hintergrund nicht verschwindet. Das Modal-Dialogfeld wird zwar korrekt ausgeblendet, aber der "Modal-Hintergrund", der die Deckkraft auf dem Bildschirm erzeugt, bleibt erhalten Was kann …

14
Wie zentriere ich Schaltflächen in Twitter Bootstrap 3?
Ich erstelle ein Formular in Twitter Bootstrap, habe jedoch Probleme beim Zentrieren der Schaltfläche unter der Eingabe im Formular. Ich habe bereits versucht, die center-blockKlasse auf die Schaltfläche anzuwenden , aber das hat nicht funktioniert. Wie soll ich das beheben? Hier ist mein Code. <!-- Button --> <div class="form-group"> <label …


27
Tabelle fester Header und scrollbarer Körper
Ich versuche, mithilfe der Bootstrap 3-Tabelle eine Tabelle mit festem Header und scrollbarem Inhalt zu erstellen. Leider funktionieren die Lösungen, die ich gefunden habe, nicht mit Bootstrap oder bringen den Stil durcheinander. Hier gibt es eine einfache Bootstrap-Tabelle, aber aus irgendeinem mir unbekannten Grund beträgt die Höhe des Körpers nicht …

19
Twitter Bootstrap 3 zwei Spalten voller Höhe
Ich versuche , zweispaltige zu machen mit voller Bauhöhe Layout mit Twitter Bootstrap 3. Es scheint , dass Twitter Bootstrap - 3 nicht die volle Höhe Layouts unterstützen. Was ich machen will; was ich vorhabe zu tun: +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | …

7
Wie mache ich Glyphicons größer? (Größe ändern?)
Ich möchte das Globus-Glyphikon so vergrößern, dass es einen großen Teil der Seite bedeckt (es ist ein Vektorbild). Es ist nicht in einem Knopf oder irgendetwas; es ist nur alleine. Gibt es eine Möglichkeit, dies zu tun? <div class = "jumbotron"> <span class="glyphicon glyphicon-globe"></span> </div>


21
Wie verstecke ich ein Element mit Twitter Bootstrap und zeige es mit jQuery?
Angenommen, ich erstelle ein solches HTML-Element. <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> Wie kann ich dieses HTML-Element in jQuery / Javascript ein- und ausblenden? JavaScript: $(function(){ $("#my-div").show(); }); Ergebnis: (mit einem dieser). Ich möchte, dass die obigen Elemente ausgeblendet werden. Was ist der einfachste …

12
Wie kann ich Bootstrap-CSS-Stile überschreiben?
Ich muss Änderungen bootstrap.cssan meiner Website vornehmen. Ich denke, es ist besser, eine separate custom.cssDatei zu erstellen, als sie bootstrap.cssdirekt zu ändern . Ein Grund dafür ist, dass bootstrap.cssich ein Update erhalten sollte. Ich werde leiden , wenn ich versuche, alle meine Änderungen wieder aufzunehmen. Ich werde etwas Ladezeit für …

30
So fügen Sie einem Angular-Cli-Projekt Bootstrap hinzu
Wir möchten Bootstrap 4 (4.0.0-alpha.2) in unserer App verwenden, die mit angle-cli 1.0.0-beta.5 (mit Node v6.1.0) generiert wurde. Nachdem wir Bootstrap und seine Abhängigkeiten mit npm erhalten hatten, bestand unser erster Ansatz darin, sie hinzuzufügen in angular-cli-build.js: 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', und importieren sie in unsere index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> …


17
Starten Sie Bootstrap Modal beim Laden der Seite
Ich kenne Javascript überhaupt nicht. Die Bootstrap-Dokumentation sagt zu Rufen Sie das Modal über Javascript auf: $ ('# myModal'). Modal (Optionen) Ich habe keine Ahnung, wie ich das beim Laden einer Seite aufrufen soll. Mit dem auf der Bootstrap-Seite angegebenen Code kann ich das Modal bei einem Elementklick erfolgreich aufrufen, …


Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.