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.
Wie verwenden von Twitter Bootstrap popovers für jQuery-validation-Benachrichtigungen?
16 Antworten
Kann ich machen popovers mit bootstrap leicht genug, und ich kann auch Validierungen unter Verwendung der standard - jQuery-validation plugin oder die jQuery validation engineaber ich kann nicht herausfinden, wie zu füttern einen in das andere. Ich
Wie breche ich eine Tabelle Zeile in der Bootstrap?
5 Antworten
Ich bin mit Bootstrap 2.3.2 in meine app und ich muss komplett eine Zeile ausblenden möchten, verwenden Sie die collapse-plugin. Unten ist ein Beispiel: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Collapse test</title> <link href="css/bootstrap.css" rel="stylesheet"> <script
Wie namespace, Twitter Bootstrap, so dass Stile nicht miteinander kollidieren
10 Antworten
Will ich mit Twitter Bootstrap, aber nur auf bestimmte Elemente, also muss ich herausfinden, einen Weg zu Präfix alle Twitter Bootstrap-Klassen mit meinem Präfix, oder verwenden Sie die weniger Mixins in Verbindung. Ich bin nicht erfahren mit
Twitter-bootstrap collapse-plugin - how, um mehrere "Gruppen" geöffnet werden?
3 Antworten
Ich arbeite mit dem Zusammenbruch plugin und ich Frage mich, wie ich es ermöglichen kann, mehrere Gruppen werden gleichzeitig geöffnet. In Ihrem demo-Seite: http://twitter.github.com/bootstrap/javascript.html#collapse Nur einer darf offen sein, die in einer bestimmten Zeit. Ich nehme an,
Bootstrap und html5 - section oder div?
4 Antworten
Ich habe eine Frage bezüglich der Verwendung von Bootstrap - ich sehe, dass auf Standard Sie verwenden eine Menge von DIVs anstelle der Abschnitte etc. Habe ich gelesen das HTML5-Spezifikation in letzter Zeit - Wann-Abschnitt und Wann
Drehen Sie den Tooltip von Bootstrap-Funktionalität aus
5 Antworten
Gemäß der Dokumentation ist möglich, deaktivieren Sie die Funktionalität nur tun $('body').off('.alert.data-api'). Im Fall von QuickInfo ich habe versucht, die folgenden von js console $('body').off('.tooltip.data-api') aber nicht deaktivieren der QuickInfo, die auf Buttons. Irgendwelche Tipps, wie man
Gibt es etwas integriert zu Twitter Bootstrap 2.0 ausrichten Tabelleninhalt?
3 Antworten
Ist es einfach, richten Sie die Tabelle, indem Sie "align" - Attribut, aber Tabelle ausrichten mit css ist ein bisschen hacky. Gibt es eine integrierte Unterstützung für Tabellen ausrichten in Twitter Bootstrap 2.0? InformationsquelleAutor der Frage SiberianGuy
Zusammenbruch DIV nur auf Mobile Ansicht - Bootstrap 3
3 Antworten
Habe ich ein sidebar-such-Parameter. Ich möchte Zusammenbruch Funktion auf dieser DIV nur auf dem Mobilen Gerät. Mit Bootstrap-3 - Neueste version. Hier ist das HTML-Markup. <div class="col-md-3 col-sm-4 SearchParameters"> <h4 data-toggle="collapse" data-target="#search">Location</h4> <div class="col-md-12 sCheck no-gutter collapse"
Bootstrap popover, Bild als Inhalt
3 Antworten
Ich versuche, dieses: $("a[rel=popover]").popover({ html: true, trigger: 'hover', content: '<img src="'+$(this).data('img')+'" />' }); aber es funktioniert nicht, da die $(this).data('img') funktioniert nicht. Warum ich das mache, habe ich Konflikte mit Template-und html-Format in das data-Attribut content. So
Schienen und bootstrap: Uncaught ReferenceError: jQuery ist nicht definiert
5 Antworten
Habe ich eine einfache webapp-Integration von bootstrap 3 in einer rails 3.2.17 Antrag, folgenden diese Verfahren gefunden auf stackoverflow, also ohne einen Edelstein, sondern manuell kopieren Sie die bootstrap-Dateien in den entsprechenden app-Verzeichnisse. Selbst wenn ich habe
Wie passe ich twitter bootstrap ist von verschiedenen input-Größen, ohne Verwendung !wichtig?
3 Antworten
Bootstrap input-Größen nur erweitern durch Breite, in der Erwägung, dass die Schaltflächen erweitern, indem Sie sowohl die Höhe und Schriftgröße. (siehe Bild) ich versuche, passen Sie die Eingänge zu erweitern, indem Sie die Höhe und die schriftart-Größe
Ändern der Farbe von Twitter bootstrap-Nav-Pills
7 Antworten
Ich versuche, ändern Sie die aktive Farbe (nach Ihrer angeklickt, bleibt der twitter-Licht-Blaue Farbe) für jeden Tabulator: <ul class="nav nav-pills"> <li class="active"><a href="#tab1" data-toggle="tab">Overview</a></li> <li><a href="#tab2" data-toggle="tab">Sample</a></li> <li><a href="#tab3" data-toggle="tab">Sample</a></li> </ul> (Wie) kann ich dies in CSS?
Muss die Bootstrap-container-Elemente enthalten row-Elemente?
3 Antworten
Aus meiner Lektüre der Dokumentation, es scheint, dass .container ist die "Eltern" - wrapper für die .row und die divs, die die .spanX (wo der x-Summen 12). Jedoch, es scheint nicht, wie es ist ein .row in
Bootstrap-Steuerelement mit mehreren "Daten-toggle"
9 Antworten
Gibt es eine Möglichkeit zum zuweisen von mehr als einem Ereignis, um eine bootstrap-Kontrolle via "data-toggle". Zum Beispiel, können sagen, ich möchte eine Schaltfläche, die ein "tooltip" und ein "button" toggle zugeordnet . Versucht data-toggle="tooltip-Taste", sondern nur
Wie das automatische Schließen von Alerts mittels Twitter Bootstrap
10 Antworten
Ich bin mit Twitters bootstrap CSS-framework (die ist fantastisch). Für einige Nachrichten an Benutzer, ich bin die Anzeige mit den Warnungen Javascript JS und CSS. Für diejenigen interessiert, kann es hier gefunden werden: http://getbootstrap.com/javascript/#alerts Mein Problem ist
So entfernen Sie ansprechende features in Twitter Bootstrap 3?
7 Antworten
Seit Bootstrap 3 gibt es nicht mehr separate Dateien für responsive und standard-stylesheets. Also, wie kann ich einfach entfernen Sie den responsive-Funktionen? InformationsquelleAutor der Frage kanarifugl | 2013-07-29
Einige von Bootstrap3 glyphicons werden nicht korrekt angezeigt, auf der phonegap-android-webview
2 Antworten
Bitte haben Sie einen Blick auf diese angehängten screenshot. Es ist mein PhoneGap-Test app - aufgenommen auf einem Galaxy S4. Sollten Sie sehen, dass die Glocke, Lesezeichen, Aktenkoffer, Kamera-Symbole (und mehr) werden nicht angezeigt, wie erwartet. Hier
Kann Twitter Bootstrap alerts fade-in als auch als out?
9 Antworten
Als ich zum ersten mal die Warnungen in der Bootstrap-ich dachte, Sie würde sich Verhalten, wie die modal-Fenster, fallen oder einblenden und dann ausblenden, wenn geschlossen. Aber es scheint, dass Sie immer sichtbar sind. Ich denke, ich
Wie kann ich Raum zwischen zwei Tasten, die im gleichen div?
8 Antworten
Was ist der beste Weg, um horizontal Platz Bootstrap-buttons? Im moment sind die Tasten berühren: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li>
html5-Suche-Eingabe funktioniert nicht mit bootstrap
4 Antworten
Habe ich ausprobiert, den input[type="search"] und es nicht funktioniert wenn ich die bootstrap-styles. dh das löschen-Symbol (x) nicht angezeigt. InformationsquelleAutor der Frage Giolvani | 2012-12-19
Ändern Sie die Reihenfolge der col-*-12 Spalten in Bootstrap mit push/pull
6 Antworten
Ich habe zwei Spalten die gleiche Größe (.col-xs-12) und ich würde Sie ändern Ihren Platz, wenn die Bildschirm-Größe entsprechen, die von einem mobilen Gerät. Ich würde legen Sie Sie in umgekehrter Reihenfolge. Habe ich gelesen, dass die
Twitter Bootstrap WENIGER mit Node.js & - Express
2 Antworten
Seit Twitter Bootstrap 2 ist raus, ich wollte zu integrieren, dass in meinem Node.js Projekt. Leider gibt es etwas falsch mit der less compiler, und ich kann nicht ankommen es zu wirken. Ich habe alle Dateien in
Was ist das unicode-Zeichen für das schließen-symbol von Twitter bootstrap?
5 Antworten
Einfach nur neugierig, weil ich merkte, es war nicht eine tatsächliche "x" (ärgerlich, wie lange das dauerte, um herauszufinden,). InformationsquelleAutor der Frage Bialecki | 2011-09-21
TypeError: $(...).modal ist nicht eine Funktion mit der bootstrap Modal
9 Antworten
Ich habe eine bootstrap-2.32 modal, die ich versuche zum dynamischen einfügen in den HTML-von einer anderen Ansicht. Ich arbeite mit Codeigniter 2.1. Folgende Dynamisch einfügen eines bootstrap-modal partial view in eine viewdie ich habe: <div id="modal_target"></div> als
Warum funktioniert der bootstrap .row-Klasse einen default-margin-left von 30px?
6 Antworten
Wenn ich boostrap ich habe die Klasse "Zeile" ... Wenn Sie Blick auf meinen test-design: Warum ich gezwungen bin, mit einem margin-left von 30px? Mit diesem html-Code würde ich erwarten, dass 3 Reihen teilen-Spalte 33% der gesamten
Erhöhen Sie die Größe der Bootstrap 2.3 die Glyphicons
11 Antworten
Gibt es eine einfache Möglichkeit der Erhöhung der Größe der Glyphicons? Ich fand eine Lösung wie Font Awesome, aber nicht wollen, um neue CSS-Bibliothek, die nur zur Erhöhung der Größe 2 Symbole. InformationsquelleAutor der Frage Himanshu Yadav
So ändern Sie das Zeitintervall auf bootstrap-Karussell?
4 Antworten
Ich habe ein bootstrap-carousel auf meiner web-Seite, ich werde versuchen, die Erhöhung der Zeit-Intervall zwischen jeder Folie. Die standardmäßige Verzögerung von 5000 Millisekunden zu schnell ist, brauche ich über 10 Sekunden. InformationsquelleAutor der Frage Alan | 2014-08-05
bootstrap-modal-close button aria-hidden=true
4 Antworten
Als pro die bootstrap-Dokumenthinzufügen aria-hidden="true" sagt assistive Technologien zu überspringen, modal - DOM-Elemente, die erklärt, dass die Anwesenheit von aria-hidden=true im main modal div. Was ist der Zweck, das hinzufügen von aria-hidden=true für den modalen schließen-Schaltfläche in
Merkblatt Karte nicht angezeigt richtig in das tabbed-panel
2 Antworten
Ich versuche zu verwenden Leaflet.js zum anzeigen einer Karte in einem tabbed-panel von Twitter Bootstrap, aber verhält sich in einer seltsamen Art und Weise: Wenn ich Sie auf die Registerkarte mit der Tafel befindet sich eine graue
Wie Sie verhindern, dass umleiten <a href="#irgendwas"> in Eckigen Js1.2
9 Antworten
War ich mit AngularJs-1.0.7 und Bootstrap in meiner Anwendung. Kürzlich wanderte ich von AngularJs-1.0.7 zu AngularJs-1.2. Ich bin mit Bootstrap - Akkordeons und Registerkarten. Html-code für Tab enthält <a href="#id_for_content"> wie unten gezeigt. <ul id="myTab" class="nav nav-tabs">
Twitter Bootstrap: Was ist der richtige Weg, um die `.btn " class innerhalb einer Navigationsleiste?
6 Antworten
Ich bin mit einer Navigationsleiste für die standard-nav-Zeug, und ich würde gerne eine Schaltfläche Sign in und Sign up. Den verwende ich eine a tag mit der btn btn-large btn-success Klassen und standardmäßig erscheint die navbar nicht
Twitter Bootstrap Carousel autoplay laden
8 Antworten
Über das twitter bootstrap-framework, wie ist es möglich, zum aufrufen des Karussell 'auto schieben.' D.h. wenn die Seite lädt, wird das Karussell automatisch scrollt. Ich habe versucht ein javascript-onLoad-Klick-Funktion für die <a> den nächsten link, aber das
Callback-Funktion nach tooltip / popover erstellt mit twitter bootstrap?
4 Antworten
Möchte ich manipulieren, ein tooltip oder das popover, nachdem es erstellt mit twitter bootstrap. Soweit ich weiß, gibt es nicht eine eingebaute Möglichkeit, dies zu tun. $('#selector').popover({ placement: 'bottom' }); Zum Beispiel können sagen, ich möchten verschieben
jQueryUI AutoVervollständigen in der Bootstrap-modal anzeigen unter modal
7 Antworten
Habe ich ein jQueryUI AutoVervollständigen in einer Bootstrap-modal-Fenster. Wenn ich es laufen in der Regel in der Seite funktioniert es einwandfrei, aber wenn ich versuche, fügen Sie es in das modal der Liste erscheint hinter dem modalen,
Wie man ein <button> in der Bootstrap-Aussehen wie ein normaler link in der nav-tabs?
4 Antworten
Arbeite ich in (ehemals Twitter Bootstrap 2 und ich wollte den Stil der Schaltflächen, als wären Sie normale links. Nicht nur alle normalen links, obwohl; diese gehen in ein <ul class="nav nav-tabs nav-stacked"> container. Das markup wird
Was ist der tabindex="-1" bootstrap für
2 Antworten
Was ist der tabindex Attribut in Bootstrap 3? Seine Dokumentation nicht alles über Sie sagen, obwohl Sie praktisch in allen modals. Habe ich nur in Bezug auf seine Verwendung, die nicht wirklich viel sagen Zugänglich tooltips für
Bootstrap-Zeilen-Klasse enthält der margin-left und margin-right, die Probleme schafft
6 Antworten
Ich bin mit Bootstrap ' row ' - Klasse zu richten divs einen auf den anderen, das funktioniert gut, aber .row { margin-left: -15px; margin-right: -15px; } Was mir aufgefallen ist, dass es gibt an, margin-left und
Zum deaktivieren der Bootstrap - dropdown-Schaltfläche
3 Antworten
Link hier: bootstrap button-dropdowns Möchte ich deaktivieren Sie diese Schaltfläche, dropdown, fügte ich disabled Klasse <a> aber die dropdown kann noch geöffnet werden, indem Sie auf den dropdown-button. Irgendwelche Ideen? InformationsquelleAutor der Frage Mike | 2013-03-29
Twitter Bootstrap modal auf mobilen Geräten
12 Antworten
Bootstrap modals nicht richtig funktioniert auf Android und iOS. Der issue-tracker erkennt das problem aber nicht eine funktionierende Lösung: Modals in 2.0 sind gebrochen auf dem Handy. Modale Fenster in 2.0 nicht richtig positionieren Wird der Bildschirm
UI-Grid-Symbole Problem
8 Antworten
Ich bin mit AngularJs ui-grid -http://ui-grid.info/. Während der Umsetzung, ich bekomme etwas, was sehen Sie in den folgenden img-in der rechten Ecke der Zelle anstelle von dropdown-Symbole. Welche Dateien gehören zu Behebung dieses Fehler? InformationsquelleAutor der Frage
Wie Bootstrap Modal-Fenster vollständig zu zerstören?
25 Antworten
Habe ich Gebrauch gemacht modales Fenster für einen wizard-implementation, die rund 4,5 Schritte. Ich brauche, um es zu zerstören, ganz nach dem letzten Schritt(onFinish) und OnCancel Schritt, ohne eine Aktualisierung der Seite. Ich kann das natürlich ausblenden,
Bootstrap-Dropdown beibehalten, wenn geklickt wird
6 Antworten
Wenn das dropdown sichtbar ist, und ich auf eine Stelle außerhalb des dropdown schließt es. Ich brauche es nicht in der Nähe. Aus der Dokumentation: Beim öffnen, das plugin fügt auch .dropdown-Kulisse Klick als Fläche für die
Vertikale Ausrichtung in der Bootstrap-Tabelle
4 Antworten
Ich versuche, die Anzeige einer Tabelle mit 4 Spalten, von denen eines ein Bild. Unten ist die Momentaufnahme:- Möchte ich vertikal ausrichten von text auf der center-position, aber irgendwie das css nicht zu funktionieren scheint. Ich habe
So zentrieren Sie den Container im Bootstrap vertikal
4 Antworten
Ich bin auf der Suche nach einem Weg, um vertikal zentrieren das ausrichten der container div in der jumbotron und legen Sie es in der Mitte der Seite. Den .jumbotron angepasst werden muss, um die volle Höhe
Wie kann ich Spalten in Twitter-Bootstraps ändern?
7 Antworten
Wenn ich den Wert ändern von :Zeilen, es funktioniert. Aber es bleibt bei der Standard-cols welchen Wert ich eingestellt habe, mit ':cols =>'. Spaltenbreite nicht verändern. Sah ich den html-Quelltext und es spiegelt sich das ändern. Ich
Schriftgröße der FontAwesome Icons ändern?
5 Antworten
Ich würde gerne einen der FontAwesome icons ein bisschen weniger schwer - es ist viel schwerer als die schriftart, die ich verwende. So wie es aussieht derzeit: : Hässlich, richtig? Also habe ich versucht, das zurücksetzen der
Wie man ein Twitter-Bootstrap-Popover durch das Klicken von draußen klärt?
30 Antworten
Können wir popovers werden dismissable in der gleichen Weise wie modals, dh. machen Sie Sie zu schließen, wenn der Benutzer klickt irgendwo außerhalb von Ihnen? Leider kann ich nicht einfach Reale modale statt popover, weil modal bedeutet,
JQuery scrollen zum Anfang von Bootstrap Modal
6 Antworten
Ich bin derzeit mit der bootstrap-modal-plugin zum anzeigen von langen rechtlichen Nachrichten auf einer website, die ich bin, zu entwerfen, aber das problem ist, dass, wenn Sie öffnen eines modalen nach dem anderen, die zweite wird bereits
Erlernen von Twitter Bootstrap-Empfehlungen
3 Antworten
Ich würde wirklich gerne lernen, wie man Twitter Bootstrap 3. Das problem ist, dass es scheint, ich kann nicht finden, eine gute Quelle, um es zu lernen. Jede Quelle, die ich habe versucht, so weit angenommen, dass
Twitter Bootstrap TypeAhead funktioniert wie DropDown List / Select Tag mit Autocomplete-Funktion
3 Antworten
Ich will eine DropDown-Liste /< Select > HTML-Tag das Verhalten der AutoComplete-Funktion mit Twitter Bootstrap TypeAhead. Der link hier erreicht das Merkmal der Combo-Box, wo user kann seinen eigenen Beitrag auch. Ich möchte den Nutzer einzuschränken, wählen