Tag: twitter-bootstrap
Bootstrap ist ein Frontend-framework entwickelt, um kick-start der Entwicklung von Web-apps und Websites. Für Fragen, die sich auf eine version von Bootstrap verwenden auch die spezifische version des Tags von „twitter-bootstrap-2“, „twitter-bootstrap-3“ und „bootstrap-4“ tags.
Bootstrap: Wie man Navbar früher einstellt
4 Antworten
Ich möchte Zusammenbruch meiner Navigationsleiste in früheren Auflösung als 768px, zum Beispiel 992px, wie soll ich das tun? danke! (Ich weiß, ich kann es anpassen, auf der bootstrap-Seite, aber ich will nicht mein Projekt immer wieder mit
Die JavaScript-Funktionen funktionieren auf localhost, aber nicht auf Heroku
7 Antworten
Habe ich bemerkt, dass wenn ich deploy to Heroku, javascript-Funktionen nicht funktionieren (wie Bootstrap Popover, Knöpfe, etc). Ich arbeite mit rails-3.2.2, ruby 1.9.3. Die Funktionen arbeiten auf localhost. Es scheint keine Fehler angezeigt, wenn Sie eingesetzt werden,
Bestätigen Sie die Formularübermittlung mit bootbox.confirm ()
4 Antworten
Ich habe ein Formular und möchte das abfangen des Formulars zum anzeigen einer Bestätigungs-dialog mit bootbox. Benutzer Daten eingibt Benutzer hat senden Ein Bestätigungs-dialog wird angezeigt Wenn der Benutzer trifft OKdann sollte das Formular abschicken, wenn nicht
Wie man react-bootstrap modal programmgesteuert öffnet / schließt?
3 Antworten
Brauche ich um zu öffnen/schließen, modale wie $(element).modal('show') Wie zu tun? InformationsquelleAutor der Frage Igor Babkin | 2015-04-06
Hinzufügen eines Twitter Bootstrap-Schaltflächensymbols zu button_to in Rails
8 Antworten
Arbeite ich durch die Agile Web Development with Rails Buch, aber ich habe mit Twitter Bootstrap, anstatt die custom-styling aus dem Buch. Ich habe Probleme beim hinzufügen von Symbolen durch GLyphonics der button_to Methode. Mein code sieht
Binden Sie eine Funktion an Twitter Bootstrap Modal Close
10 Antworten
Ich bin mit dem Twitter Bootstrap-lib auf ein neues Projekt, und ich möchte für einen Teil der Seite zu aktualisieren und abrufen der neuesten json-Daten modal schließen. Ich sehe nicht das irgendwo in der Dokumentation kann jemand
Mehr CSS Toolkits wie Twitter Bootstrap?
12 Antworten
War ich auf der Suche nach einem Ort, wo ich finden kann CSS toolkits und Ressourcen, bereit, verwendet werden, wie die beliebte Twitter Bootstrap. Irgendwelche Tipps? InformationsquelleAutor der Frage Mark | 2011-10-04
Twitter Bootstrap-Dropdown-Menü
6 Antworten
Ich versuche, Twitter Bootstrap - dropdown-Menü in der oberen Navigationsleiste. Sie können sehen, ein Beispiel, hier zu arbeiten. http://twitter.github.com/bootstrap/# In mir, der Pfeil zeigt, dass es ein dropdown-shows auf der Speisekarte, aber wenn ich schweben oder klicken
TinyMCE 4 verbindet Plugin modal nicht editierbar
5 Antworten
Bin ich mit dem editor tinyMCE4 innerhalb einer Boostrap modales Dialogfeld. wenn ich klickte auf den link-Symbol es öffnet sich ein neuer Modaler dialog-box angezeigt, in Ordnung, aber der input-Bereiche sind nicht editierbar. <div id="editing" class="modal hide
Mehrere Dropdown-Menüs pro Schaltflächengruppe?
1 Antworten
Nun habe ich dieses coming out auf der Schnittstelle: Aber zwischen den Tasten, mit der boltplus-circle und gear ich möchte keine Lücke. Ich habe die Lücken da, weil es scheint, wie es ist verpflichtend, pro dieser Kommentar
In Bootstrap 3, Wie ändere ich den Abstand zwischen Zeilen in der Vertikalen?
6 Antworten
Habe ich zwei Reihen a und b,ich denke, dass der Abstand zwischen den beiden Zeilen in der vertikalen ist zu klein. Ich möchte, um die Entfernung größer,ich weiß, ich kann ändern, den Abstand in der horizontalen von
Bootstrap 3 Grid, setze 1 Spaltengröße für alle Displays
4 Antworten
In der bootstrap v3, die Spalte Größen deklariert sind für verschiedene Bildschirm-Größen.. <div class='container'> <div class='row'> <div class='col-md-6 col-lg-6 col-sm-6'> Oft finde ich mich einfach nur brauchen, um 1 Größe für alle display-Typen.. und ich dachte, das
Bootstrap 3 Navbar Collapse
12 Antworten
Gibt es eine Möglichkeit zu erhöhen, der Punkt, an dem die bootstrap 3 navbar ausgeblendet (d.h. so, dass es kollabiert in eine drop-down-auf hochformat Tabletten)? Diese beiden seien für bootstrap 2, aber nicht jetzt! So ändern navbar
Wo ist das Typahead-JavaScript-Modul in Bootstrap 3 RC 1?
5 Antworten
Wie Sie wissen Bootstrap-RC-1 ist hier, und ich habe das Lesen über all die neuen tollen Funktionen in diesem neuen Rahmen. Aber ratet mal, was typehead ist aus der Dokumentation. Weiß jemand, ob diese aus irgendwelchen Gründen?
Klick-Ereignis, das nicht innerhalb einer Bootstrap-Optionsfeldgruppe ausgelöst wird
3 Antworten
Erstelle ich radio-buttons dynamisch und mit einer on () - Funktion versuchen, das zu erfassen klicken Sie auf und tun etwas mit ihm. So lange, wie ich radio-buttons funktionierte es gut. Ich habe dann lockerte die radio-buttons
Vertikal zentrierendes Bootstrap-Modal-Fenster
28 Antworten
Ich würde gerne Mitte meine modal auf den viewport (Mitte) habe ich versucht, fügen Sie einige css-Eigenschaften .modal { position: fixed; top:50%; left:50%; } Bin ich mit diesem Beispiel http://jsfiddle.net/rniemeyer/Wjjnd/ Versuchte ich $("#MyModal").modal('show').css( { 'margin-top': function ()
Wie man Twitter Bootstrap Plugin erweitert
5 Antworten
Ich bin Graben in Twitter ' s Bootstrap-und jetzt versuchen wollen, und fügen Sie einige Funktionen des plugins, aber ich kann nicht herausfinden, wie dies zu tun. Mit Hilfe der modal-plugin als Beispiel (http://twitter.github.com/bootstrap/javascript.html#modals), möchte ich eine
Bootstrap. Vorgegebene und angehängte Eingabe. Wie maximiere ich die Eingabefeldbreite?
4 Antworten
Bin ich mit Bootstrap von twitter. Was ich will ist ein text vorangestellt, und die Eingabe-Feld und ein button, aber ich will, dass mein input-Feld die max Breite, so dass die Rechte Kante des submit-button wurde in
Twitter Bootstrap Multilevel Dropdown-Menü
6 Antworten
Ist es möglich, ein multi-level-dropdown-Menü, indem Sie die Elemente von twitter bootstrap 2? Die original-version nicht über diese Funktion. InformationsquelleAutor der Frage Hellnar | 2012-03-18
Flexbox vs Twitter Bootstrap (oder ähnliches Framework)
3 Antworten
Habe ich vor kurzem entdeckt Flexbox wenn ich war auf der Suche nach einer Lösung, die divs die gleiche Höhe, je nach dem höchsten. Habe ich gelesen, das folgende Seite auf CSS-tricks.com und es hat mich überzeugt,
Was sind diese Attribute: `aria-labelledby` und` aria-hidden`
4 Antworten
Verwendung von Bootstrap-modal, die ich gesehen habe, diese aria Attribute eine Menge, aber ich wusste nie, wie man von Ihnen Gebrauch machen. Weiß jemand was von Fällen, die Verwendung dieser Attribute? Ich gegoogelt—nur nicht finden, eine einfache
So ändern Sie die Größe von Twitter Bootstrap modal dynamisch basierend auf dem Inhalt
9 Antworten
Habe ich die Inhalt der Datenbank, die verschiedene Arten von Daten, wie Youtube-videos, Vimeo-videos, text, Imgur Bilder, etc. Alle von Ihnen haben unterschiedliche Höhen und breiten. Alle, die ich gefunden habe bei der Suche im Internet verändert
Wie man twitter bootstrap modal zum Schließen bringt (nach dem ersten Start)
9 Antworten
Ich bin sehr viel ein noob, so dass ich denke, ich bin Beaufsichtigung der etwas (wohl offensichtlich) mit twitter bootstrap modal. Was ich versuche zu tun ist, erhalten eine modal zu starten, nur auf dem Handy. Dies
Ändern Sie die Farbe der Navbar in Twitter Bootstrap
11 Antworten
Wie würde ich mich über das ändern der CSS ändern Sie die Farbe der navbar in Twitter Bootstrap? InformationsquelleAutor der Frage Jamal Khan | 2013-08-30
TypeError: $ (...) .popover ist keine Funktion Bootstrap-Probleme
2 Antworten
Ich will das Bootstrap popover, aber ich bekomme immer diese Fehlermeldung im firebug: TypeError: $(...).popover is not a function Dies ist, wie ich Sie laden alle: <a id="example" class="btn btn-success" data-original-title="Twitter Bootstrap Popover" data-content="It's so simple to
Bootstrap 3 reagiert auf Bilder mit gleicher Höhe
7 Antworten
Ist es möglich, verwenden Sie 2 ansprechende Bilder nebeneinander mit gleicher Höhe mit Bootstrap 3? Im moment ist die col-sm-4 hat nicht die gleiche Höhe. <div class="container"> <div class="row"> <div class="col-sm-4"> <img class="img-responsive" src="http://placehold.it/400x400" /> </div> <div
Wie kann ich eine berührungsempfindliche, responsive, sortierbare Liste implementieren, die Drag & amp; Drop für Bootstrap?
1 Antworten
Ich habe eine <ul> Liste, die ich machen will sortierbar (drag & drop). Wie bekomme ich es mit Bootstrap 3, die in modernen Browsern und touch-Geräte? Ich versuche, jqueryui-Sortier-Kombination mit http://touchpunch.furf.com/; es scheint zu funktionieren, aber es
Bootstrap 3: Bildlaufleisten
2 Antworten
Ich bin mit Bootstrap 3 und haben eine Liste von Themen innerhalb einer Seite nav. Der sidenav ist lang und ich würde es gern machen, dass es eine scrollbar innerhalb der sidenav, zeigt 8 Elemente, bevor Sie
Mehrere Eingaben in einer Bootbox
6 Antworten
Wie kann ich 2 Eingängen statt nur einem, in der Bootstrap die Bootbox? Ich muss 2 Werte in einem modalen dialog. InformationsquelleAutor der Frage kambi | 2013-05-28
Mit dem Bootstrap von twitter in jsFiddle
5 Antworten
Möchte ich nutzen, Twitter Bootstrap in einer meiner Geigen. Da jsFiddle nicht bieten bootstrap als eine Ihrer vordefinierten Bibliotheken, ich bin auf der Suche nach einer minified url. Gibt es eine Kostenlose minified-URL für Twitter Bootstrap? InformationsquelleAutor
Twitter Bootstrap 3 - Platten gleicher Höhe in einer flüssigen Reihe
6 Antworten
Ich bin neu auf Bootstrap 3 und ich hätte gerne 3 Tafeln auf meiner landing-page von gleicher Höhe, obwohl die mittlere Platte hat weniger Inhalt. Wenn in der Größe verändert werden Sie die gleiche Höhe, aber nicht
Bootstrap Select Plugin funktioniert nicht mit jQuery Validation
3 Antworten
Ich das design für meine HTML selectbox mit bootstrap-select-plugin. Nun, ich füge jQueryvalidation Plugin für validate meine form Aber, Validierung Formular nicht funktionieren, so wählen Sie bootstrap-plugin. DEMO HIER HTML: <form id="myform"> <select name="year" class="selectpicker"> <option value="">Year</option>
Bootstrap-Raster zum Drucken
8 Antworten
Ich würde gerne einen Bericht entwerfen Seite mit einem anderen layout) für das drucken über mobile. Ich bin mit bootstrap v3. Es scheint, das raster kann nicht unterscheiden zwischen den beiden, als Sie den Haltepunkt für den
Deaktivieren Sie die Bootstrap 3-Navigationsleiste, indem Sie zwei Zeilen in mittlerer Ansichtsfenstergröße gehen
6 Antworten
Meine Bootstrap 3 navbar ist 1 Zeile auf einem großen Arbeitsbereich. Wenn ich dann starten Sie zum verkleinern des browser-Fensters, wechselt Sie in die 2 Zeile, wo das Recht die Inhalte ("Hallo Benutzername", "Log off") ist in
Inhalte in der responsiven Bootstrap-Navigationsleiste zentrieren
10 Antworten
Ich habe Probleme beim zentrieren meine Inhalte in die bootstrap navbar. Ich bin mit bootstrap 3. Ich habe viele Beiträge gelesen, aber die CSS oder Methoden, die verwendet werden, funktionieren nicht mit meinem code! Ich bin wirklich
Entfernen der geerbten Eigenschaft eines Elements (Box-Sizing)
4 Antworten
Ich bin mit einem jQuery light box plugin auf einem bootstrap-Website. Es hat box-sizing: border-box über den universal-Selektor. * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } Licht-box-div nicht angezeigt wird, ist richtig, denn von dieser (manchmal
Wie kann ich meine Twitter-Bootstrap-Schaltflächen rechtsbündig ausrichten?
15 Antworten
Habe ich eine einfache demo hier: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> Habe ich eine ungeordnete Liste und für jede Liste möchte ich auf den text auf der linken Seite
Wie kann ich "divider" für "nav-pills" und "nav-stacked" anzeigen lassen?
1 Antworten
Haben etwas code wie den folgenden: <div class="container"> <div class="row"> <div class="col-sm-3"> <ul class="nav nav-pills nav-stacked"> <li><a href="#">Available glyphs</a></li> <li class="disabled"><a href="#">How to use</a></li> <li><a href="#">Examples</a></li> <li class="divider"></li> <li><a href="#">Example</a></li> </ul> </div> <div class="col-sm-3"> <ul class="nav nav-pills
Verwenden von link_to mit eingebettetem HTML
12 Antworten
Ich bin mit Twitter ' s Bootstrap-Zeug und ich habe den folgenden HTML-Code: <a class="btn" href="<%= user_path(@user) %>"><i class="icon-ok icon-white"></i> Do it@</a> Was ist der beste Weg, dies zu tun Schienen? Ich möchte die <%= link_to 'Do
Verwenden von Primefaces und Bootstrap in JSF
6 Antworten
Sogar heute noch habe ich verwendet JSF+Primefaces in meine Projekte und diese geben mir viele neue Komponenten (von primefaces) zu arbeiten. Aber mein neuer Kunde erfordert ein gutes layout für die Administrator-Panel (Responsive + Sauber + Schöner).
Twitter Bootstrap nav ausblenden bei Klick ausblenden
24 Antworten
Dies ist nicht ein Untermenü dropdown-Liste die Kategorie-Klasse li im Bild: Durch auswählen einer Kategorie aus dem responsive-Menü (die Vorlage ist nur einer Seite), ich ausblenden möchten, nav-collapse automatisch, wenn Sie auf. Auch spazieren zu verwenden als
bootstrap datepicker Änderungsdatum Ereignis wird nicht ausgelöst, wenn Datum oder Löschdatum manuell geändert werden
6 Antworten
<script type="text/javascript"> //When the document is ready $(document).ready(function () { $('.datepicker').datepicker({ format: "yyyy-mm-dd", }).on('changeDate', function(ev){ //do what you want here $(this).datepicker('hide'); }).on('changeDate', function(ev){ if ($('#startdate').val() != '' && $('#enddate').val() != ''){ $('#period').text(diffInDays() + ' d.'); } else
Bootstrap 3 - Drucklayout und bricht nach jeder Rasterspalte ab
4 Antworten
Wenn Sie nehmen Sie dieses Beispiel (Ansicht hier: http://www.bootply.com/93816) <div class="container"> <div class="row"> <div class="col-md-6">Column1</div> <div class="col-md-6">Column2</div> </div> </div> Wenn Sie eine Druckvorschau der generierten Seite, es scheint zu bewirken, dass die Spalten stapeln/Pause (so wie wenn
twitter bootstrap 3 Einstellung aktive Registerkarte in js funktioniert nicht
2 Antworten
Yeah, das war also gefragt, über 1000 mal, aber ich habe versucht, die Antworten und keiner scheint für mich arbeiten. Hier sind meine tabs: <ul class="nav nav-tabs"> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#account" data-toggle="tab">Account</a></li> <li><a href="#security" data-toggle="tab">Security</a></li> <li><a
Wie zentriere ich die Twitter-Bootstrap-Registerkarten auf der Seite?
5 Antworten
Ich bin mit twitter bootstrap erstellen togglable tabs. Hier ist die css, die ich verwende: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Diesen html-zeigt die
Wie kann ich eine bestimmte Warnung mit Twitter Bootstrap ein- / ausblenden?
8 Antworten
Hier ist ein Beispiel für eine Warnmeldung, die ich verwende: <div class="alert alert-error" id="passwordsNoMatchRegister"> <span> <p>Looks like the passwords you entered don't match!</p> </span> </div> Ich weiß, dass $(".alert").show() und $(".alert").hide() zeigen/verstecken alle Elemente der .alert Klasse.
Ändern der Position von Bootstrap-Popovers basierend auf der X-Position des Popover in Bezug auf die Fensterkante?
9 Antworten
Habe ich das Internet durchforstet weit und breit, und während ich fand diese stackoverflow-post aufschlussreiche Ist es möglich, ändern Sie die position der Bootstrap popovers basiert auf der Bildschirm-Breite?aber noch keine Antwort auf meine Frage, wahrscheinlich aufgrund
Responsive Image Align Center Bootstrap 3
12 Antworten
Mache ich einen Katalog mit Bootstrap 3. Bei der Darstellung auf Tablet-PCs, die Produkt-Bilder finden Sie hässlich wegen Ihrer kleinen Größe (500x500) und einer Breite von 767 Pixel im browser. Ich möchte das Bild in der Mitte
Erhalte den ausgewählten Gegenstandswert von Bootstrap DropDown mit spezifischer ID
5 Antworten
Ich bin "erstellen" meine eigenen "ComboBox" mit Bootstrap 3 und JavaScript. Hier ist das JSFiddle für was ich habe, so weit: HTML: <div class="input-group"> <input type="TextBox" ID="datebox" Class="form-control"></input> <div class="input-group-btn"> <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span>
Bootstrap 3 Breakpoints und Medienabfragen
10 Antworten
Auf http://getbootstrap.com/css/ es sagt: Verwenden wir die folgenden media queries zu erstellen, die Schlüssel-Haltepunkte in unser grid-system. Extra kleine Geräte (Handys, bis zu 480px): Keine Medien-Abfrage, da diese der Standard in der Bootstrap Kleinen Geräten (tablets 768px):