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

17
Eingabebreiten auf Bootstrap 3
Erneut aktualisieren: Ich schließe diese Frage, indem ich die oberste Antwort auswähle, um zu verhindern, dass Personen Antworten hinzufügen, ohne die Frage wirklich zu verstehen. In der Realität gibt es keine Möglichkeit, dies mit der eingebauten Funktionalität zu tun, ohne ein Raster zu verwenden oder zusätzliches CSS hinzuzufügen. Raster funktionieren …

17
Erhöhen Sie die Modalgröße für Twitter Bootstrap
Ich versuche, die Größe des modalen Formulars zu ändern oder es auf den Inhalt zu reagieren, den ich dort wiedergebe. Ich verwende es zum Rendern eines Formulars und würde mich bei Bedarf lieber mit dem Scrollen befassen. Das Formular, das ich rendere, benötigt wahrscheinlich weitere 50 Pixel - nur die …

15
Bootstrap mit jQuery Validation Plugin
Ich versuche, meinem Formular mit dem jQuery Validation Plugin eine Validierung hinzuzufügen, aber ich habe ein Problem, bei dem das Plugin die Fehlermeldungen ausgibt, wenn ich Eingabegruppen verwende. $('form').validate({ rules: { firstname: { minlength: 3, maxlength: 15, required: true }, lastname: { minlength: 3, maxlength: 15, required: true } }, …

30
Wie kann ich ein Twitter Bootstrap-Popover mit einem Klick von einer beliebigen Stelle auf der Seite schließen?
Ich verwende derzeit Popover mit Twitter Bootstrap, die wie folgt initiiert wurden: $('.popup-marker').popover({ html: true, trigger: 'manual' }).click(function(e) { $(this).popover('toggle'); e.preventDefault(); }); Wie Sie sehen können, werden sie manuell ausgelöst, und durch Klicken auf .popup-marker (ein Div mit einem Hintergrundbild) wird ein Popover umgeschaltet. Das funktioniert gut, aber ich möchte …

12
Bootstrap-Steuerung mit mehreren "Datenumschaltern"
Gibt es eine Möglichkeit, einem Bootstrap-Steuerelement über "Datenumschaltung" mehr als ein Ereignis zuzuweisen? Angenommen, ich möchte eine Schaltfläche, der ein "Tooltip" und ein "Button" -Umschalter zugewiesen sind. Versuchte data-toggle = "Tooltip-Schaltfläche", aber nur der Tooltip funktionierte. BEARBEITEN: Dies ist leicht "umgehbar" mit $("#newbtn").toggleClass("active").toggleClass("btn-warning").toggleClass("btn-success");

9
Bootstrap Alert Auto Close
Ich muss die Warnung anrufen, wenn ich auf die Schaltfläche Zur Wunschliste hinzufügen klicke, und die Warnung sollte in 2 Sekunden verschwinden. So habe ich es versucht, aber die Warnung verschwindet sofort, sobald sie angezeigt wird. Nicht sicher, wo der Fehler ist. Kann mir jemand helfen? JS-Skript $(document).ready (function(){ $("#success-alert").hide(); …


11
Stellen Sie die Breite des select2-Eingangs ein (über die Angular-ui-Direktive).
Ich habe Probleme damit, dass dieses Plunkr (select2 + angulat-ui) funktioniert. http://plnkr.co/edit/NkdWUO?p=preview Im lokalen Setup erhalte ich die select2-Arbeit, kann jedoch die Breite nicht wie in den Dokumenten beschrieben einstellen . Es ist zu schmal, um verwendet zu werden. Danke dir. EDIT: Egal, plnkr, ich habe hier eine funktionierende Geige …

8
Das Twitter-Bootstrap-Dropdown-Menü wird außerhalb des Bildschirms angezeigt
Ich möchte das Twitter-Bootstrap-Dropdown-Menü implementieren. Hier ist mein Code: <span class="dropdown"> <a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">a</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> <li class="divider"></li> <li><a href="#">d</a></li> </ul> Dropdown funktioniert gut, mein Dropdown befindet sich neben dem rechten Bildschirmrand und wenn ich auf meinen Dropdown-Schalter …

14
Bildlaufbare Tabelle für den Twitter-Bootstrap
Ich möchte einen Tisch auf meiner Website haben. Das Problem ist, dass diese Tabelle ungefähr 400 Zeilen enthält. Wie kann ich die Höhe der Tabelle begrenzen und eine Bildlaufleiste darauf anwenden? Das ist mein Code: <div class="span3"> <h2>Achievements left</h2> <table class="table table-striped"> <thead> <tr> <th>#</th> <th>Name</th> </tr> </thead> <tbody> <tr> …


11
Twitter Bootstrap CSS, das sich auf Google Maps auswirkt
Ich verwende Twitter Bootstrap und habe eine Google-Karte. Bilder auf der Karte, z. B. Markierungen, werden vom CSS in Bootstrap verzerrt. Im Bootstrap-CSS gibt es: img { border: 0 none; height: auto; max-width: 100%; } Wenn ich die max-widthEigenschaft mit Firebug deaktiviere , wird das Markierungsbild wie gewohnt angezeigt. Wie …


6
Twitter Bootstrap Float Div rechts
Was ist der richtige Weg bootstrap, um ein Div nach rechts zu schweben? Ich dachte, pull-rightdas wäre der empfohlene Weg, aber es funktioniert nicht. @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> Führen Sie …

10
jQueryUI-Tooltips konkurrieren mit Twitter Bootstrap
Ich konnte einige Tooltipps erhalten, um endlich mit dem folgenden Code zu arbeiten: <a href="#" rel="tooltip" title="Tool tip text here">Hover over me</a> und dann <script> $('[rel=tooltip]').tooltip(); </script> Das Problem, auf das ich stoße, ist, dass jQueryUI-Tooltips (keine Pfeile, große hässliche Tooltips) anstelle von Bootstraps verwendet werden. Was muss ich tun, …

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.