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.

Was ist der beste Weg, um zu dienen twitter bootstrap von nodejs?

Anzahl der Antworten 2 Antworten
Ich habe einige blog-Artikel über das einrichten eines basic-template mit twitter bootstrap und servieren von nodejs. Es scheint eine Menge von Möglichkeiten, um dies zu erreichen, mit express und jade oder anderen render-engine. Meine Fragen sind was

Bootstrap-Spalten in der mobilen version

Anzahl der Antworten 3 Antworten
Ich bin mit bootstrap, um eine website zu machen, aber es ist etwas falsch ist. Ich möchte 2 Zeilen und 3 Spalten und wenn der Bildschirm wechselt zum mobile, möchte ich es auf 3 Zeilen und 2

Bootstrap-fügen Sie benutzerdefinierte Symbole, um glyphicon für die bootstrap-select

Anzahl der Antworten 1 Antworten
Zunächst einmal: ich habe gelesen, das Twitter bootstrap 3 erstellen Sie eine benutzerdefinierte glyphicon und fügen Sie glyphicon "schriftart", das half mir ein wenig, so weit, aber nicht ganz ins schwarze getroffen für das, was ich tun

Wie zum ein - / ausblenden-Symbol mit :hover

Anzahl der Antworten 2 Antworten
Dies ist genau, was ich tun will Und das ist mein code img.info-societe { cursor: pointer; display: none; } img.info-societe:hover { display: inline; } Warum geht es nicht? Was ist die beste Lösung? Bitte seien Sie klar,

Wie center Formular-Steuerelemente mit Bootstrap

Anzahl der Antworten 3 Antworten
Was bin ich? Ich kann sehen, den Rand des Containers und korrekt zeigt den Bereich, den ich habe, mit zu arbeiten. Allerdings wenn ich die Zeile (div) und offset(div) es ist Links zu rechtfertigen es. <div id="page"

Verschachtelung Behälter in einem container, bootstrap

Anzahl der Antworten 3 Antworten
Bin ich ein bisschen Mühe, eine definitive Antwort auf die Container im bootstrap. Es ist klar, dass Sie sollten nicht ein nest .container innerhalb einer .container-fluid ist und Umgekehrt, aber ist es ok, um ein nest .container

Was ist der Unterschied zwischen Edelstein-bootstrap-sass und gem twitter-bootstrap-rails

Anzahl der Antworten 1 Antworten
So wie es momentan steht, diese Frage ist nicht eine gute Passform für unsere Q&A-format. Wir erwarten Antworten auf Tatsachen gestützt, Referenzen und know-how, aber diese Frage wird wahrscheinlich werben Debatte, Argumente, polling, oder erweiterte Diskussion. Wenn

Winkel 2 überprüfen Sie, dass ein Datum eingegeben wird, gleich zu oder vor einem anderen

Anzahl der Antworten 2 Antworten
Ich habe zwei Eingänge, die sind bevölkert von zwei Winkel-2 Bootstrap datepickers. Ich möchte meine Taste entspricht der FormGroup deaktiviert sein, wenn startDate ist nach (nicht vor oder gleich) endDate. Gerade jetzt, wenn ich wählen Sie ein

Baum gebaut mit Twitter Bootstrap und Backbone.js?

Anzahl der Antworten 2 Antworten
Gibt es eine einfache, modulare Struktur gebaut mit Twitter Bootstrap und Backbone.js das gemeinsame Baum-control-Funktionalität? lostechies.com/derickbailey/2012/04/05/... Waren wir in der Lage, zur Lösung Ihrer Frage? InformationsquelleAutor Justin wong | 2012-06-13

Language-picker mit fahne-Symbol mit Bootstrap

Anzahl der Antworten 1 Antworten
Würde ich eine Sprache picker in diesem Abschnitt: <section id="logo-section" class="text-center"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="logo text-center"> <h1>Batpeppa</h1> <span>Web Designer Trio</span> </div> </div> </div> </div> </section> Ich würde legen Sie zwei Flaggen-icons unter "Web-Designer-Trio"

Video Abspielen in der Bootstrap-Modal Popup

Anzahl der Antworten 1 Antworten
Ich versuche zu spielen, ein mp4-video in der bootstrap-modal-pop-up. Das video ist platziert in den Ordner von meinem Projekt. Das problem ist , wenn ich den Pfad des Videos aus dem Projekt-Ordner , passiert nichts, d.h. das

JQuery Bootstrap selectpicker on('change') ausgewählt

Anzahl der Antworten 1 Antworten
Ich versuche zu deaktivieren und das Standard-wählen Sie eine <select> basiert auf dem Wert, auf ein anderes auswählen. Als ich das erste wählen Sie eine option in <select> choixVarX (z.B. "Pop"), <select> parametresX genau das tut, was

Schließen dropdown-Menü klicken Sie in angular ui bootstrap

Anzahl der Antworten 3 Antworten
Habe ich dropdown-Menü auf die navigation-bar angezeigt, nur für mobile Geräte. Wenn die dropdown-Menü-link geklickt wird, bewegen Sie einfach auf einen anderen Pfad. Wie Sie wissen, diese Aktion wird nicht die gesamte Seite aktualisieren. Aber auch nachdem

Wie kann ich center den Inhalt einer col-xs-12 Spalte in der bootstrap

Anzahl der Antworten 3 Antworten
Ich habe ein input Feld und einen button. Ich will den button, um zu sitzen auf der rechten Seite der input-box auf alle devices > 768 px. Für devices <=768 px ich möchte die Taste, um sitzen

Angularjs - Datenbindung funktioniert nicht mit controller

Anzahl der Antworten 1 Antworten
Bin ich, eine app zu entwickeln, die verwendet bootstrap (v3.2.0) mit angularjs (v1.2.26), möchte ich erstellen Sie eine Reihe von Spalten sind änderbar über eine dropdown. Hab ich die dropdown-Datenbindung ok, aber ich bin andernfalls ändern Sie

Öffnen Sie ein Bootstrap Modal zum Bearbeiten eines Datensatzes in Ruby on Rails

Anzahl der Antworten 2 Antworten
Habe ich eine "user" - Modell. Ich habe eine Liste von Benutzern, die auf dem Nutzer-index-Seite mit einer Schaltfläche Bearbeiten neben jedem. Ich möchten, klicken Sie auf die Schaltfläche Bearbeiten für jeden Benutzer, welcher eine bootstrap-modal. Auf

Wie bedingt control/stop data-toggle im Bootstrap?

Anzahl der Antworten 1 Antworten
Für eine einfache gelisteten Artikel mit einem data-toggle ich Frage mich nur, wie Sie bedingt halt eine data-toggle. %li{'data-toggle'="modal", 'data-target'='#myModal'} Ich bin auf der Suche nach etwas wie: %li{'data-toggle'="admin"?"modal":"", 'data-target'='#myModal'} Wo admin ist ein angularJS-variable. Einfach Fragen,

warum bootstrap navbar nicht 'active' - Klasse?

Anzahl der Antworten 2 Antworten
Wenn der Benutzer auf ein Element klickt in der Navigationsleiste, bootstrap aktualisiert nicht die 'active' - Klasse, um das angeklickte Element. Die Frage ist, warum es nicht umgesetzt wird in der bootstrap selbst? Ich bin neu in

Bootstrap dropdown nicht einstürzt, wenn ein Klick über iframe

Anzahl der Antworten 5 Antworten
Ich bin mit Bootstrap auf eine web-app, hat einige Seiten enthalten iframes. In dieser Zeit sind wir nicht in der Lage zu entfernen der iframes. Bootstrap dropdown-Menüs funktionieren, zu öffnen, aber wenn Sie klicken Sie auf eine

Bootstrap-Responsive Inline-Form

Anzahl der Antworten 2 Antworten
Ich habe eine Bootstrap-inline-form, 6 Eingänge, dann die ein-Taste. Es sieht gut, wenn es alle auf den Bildschirm passen, aber wie Sie der Bildschirm kleiner, die Eingänge Falten unterhalb eines zu einer Zeit. Ich habe versucht, wickeln

Nicht finden können, geben Sie definitions-Datei für 'jquery'

Anzahl der Antworten 2 Antworten
Ich lief nur ein update in NuGet update meiner Pakete. Danach kann ich nicht mehr kompilieren und ich erhalte die obige Fehlermeldung. Die jquery-definition-Datei in mein Projekt. Aber aus irgendeinem Grund, das bootstrap-definition-Datei nicht mehr finden. Es

Twitter bootstrap grid -Simulation rowspan

Anzahl der Antworten 1 Antworten
Habe ich ein raster mit twitter bootstrap -, dass wir die Umwandlung aus einer Tabelle. Normalerweise würden wir diese tabellarische Daten und verwenden nur einen Tisch, aber wir müssen (Anforderungen der Kunden) in der Lage sein, um

Mehrere bootstrap-tabs - vertikal & horizontal

Anzahl der Antworten 1 Antworten
In einer AngularJS+Bootstrap-Projekt, ich bin versucht, erstellen Sie ein vertikales nav Menü/tabs auf der linken Seite, während der Inhalt des einen der Reiter sollte haben Ihre eigenen Registerkarten (sekundäre Registerkarten), die horizontale. Meine Probleme: 1. Die sekundäre

Twitter bootstrap - mehrere modale Fenster

Anzahl der Antworten 1 Antworten
Ich bin mit dem modal window-Komponente in einer Schleife. Jedes loop-Inhalte ist X die Anzahl von Miniaturansichten mit unterschiedlichen IDs (die modals haben auch unterschiedliche IDs) für das auslösen der modals von Ihren data-toggle-Attribut, jedoch der modals

Ist es möglich, fügen Sie eine Glyphe Symbol, um html-select -, twitter-bootstrap-framework?

Anzahl der Antworten 1 Antworten
Ich weiß, wie ich hinzufügen Glyphe Symbol, um html-input-element in twitter bootstrap framework. Beispiel könnte hier gefunden werden http://techieninjas.files.wordpress.com/2012/04/52.jpg (Briefumschlag-Symbol neben Eingabefeld) Meine Frage ist - ist es möglich, das gleiche Symbol Symbol, um html-wählen Sie anstelle

Wie kann ich setup Bootstrap-SASS/SCSS mit Visual Studio 2013?

Anzahl der Antworten 4 Antworten
Bootstrap ist bereits setup mit eine neue ASP.NET Projekt aus dem Standard-template, aber ich möchte die SASS-version von Bootstrap-so kann ich es anpassen, wie ändern Sie die schriftart Variablen. Wie kann ich diese einrichten? Brauche ich tools

Wie zurücksetzen eines Bootstrap-Multiselect, wenn ein anderer Bootstrap-Multiselect verwendet wird via jQuery

Anzahl der Antworten 2 Antworten
Ich bin mit dem Bootstrap-Multiselect (http://davidstutz.github.io/bootstrap-multiselect/) Habe ich zwei dropdowns, wenn ein Element ausgewählt ist, in einem dropdown-muss ich einen reset der anderen dropdown-Menü. Ich habe schon versucht es mit dem onchange jQuery, aber ohne Erfolg. Wenn

Bootstrap-Responsive Produkt-Grid

Anzahl der Antworten 4 Antworten
Ich bin ein Produkt zu erstellen raster basiert auf AngularJS Daten - wo gibt es Bilder und Produkt-details (text) Den text manchmal erstreckt sich auf die 2. Zeile, Verwüstung. Hier ist mein code: <div class="row"> <div data-ng-repeat="s

Typeahead TypeError: es.toLowerCase keine Funktion

Anzahl der Antworten 3 Antworten
Guten Tag. Bitte werfen Sie einen Blick auf mein scrit ersten. Mein JS $(document).ready(function(){ $("#outlet").typeahead({ source: function(query, process) { $.ajax({ url: '<?=base_url();?>graph/outletlists', data: {outlets:$("#outlet").val()}, type: 'POST', dataType: 'JSON', success: function(data) { process(data); console.log(data); } }); }, minLength:

jquery, javascript funktioniert nicht in der bootstrap

Anzahl der Antworten 4 Antworten
Bin ich mit Hilfe von JQuery und bootstrap, und wenn ich versuche, klicken Sie auf die Schaltfläche, soll zum aufrufen der Funktion, es funktioniert nicht. Ich habe mir in der Entwickler-Konsole und es ist nichts da, wer

Float nav Objekte rechts in der Bootstrap-4?

Anzahl der Antworten 2 Antworten
Wie Sie drücken Sie auf der rechten nav-Elemente in einer Bootstrap-4 navbar? Ich habe versucht, float-*-Recht aber hat nicht funktioniert. <nav class="navbar navbar-static-top navbar-dark bg-inverse float-*-right"> <a class="navbar-brand" href="#">Project name</a> <ul class="nav navbar-nav"> <li class="nav-item active"> <a

Gewusst wie: deaktivieren der überprüfung auf versteckte Steuerelemente

Anzahl der Antworten 4 Antworten
Ich bin mit bootstrap in meiner Anwendung. Standard.aspx <div class="form-horizontal"> <div id="Control1"> <div class="control-group"> <label class="control-label">DropDown Control </label> <div class="controls"> <select data-val="true" data-val-required="Field is required" name=""> <option value="">--Select--</option> <option value=1>Value1</option> <option value=2>Value2</option> </select> </div> </div> </div> <div

Wie man zwei fieldset horizontal?

Anzahl der Antworten 3 Antworten
Ich habe ein Formular mit zwei fieldset-Elemente <form> <fieldset> </fieldset> <fieldset> </fieldset> </form> Muss ich machen um horizontal? Vielleicht nutzen Sie die Bibliothek. wie aui:column. Mögliche Duplikate von > Futter bis fieldset-tags horizontal in css3 InformationsquelleAutor Erik

Bootstrap collapse funktioniert nicht auf tabs

Anzahl der Antworten 1 Antworten
Wenn Sie die Verwendung von bootstrap Zusammenbruch innerhalb der Registerkarten scheint es nicht zu funktionieren. Auf dem ersten tab, es funktioniert einwandfrei, aber sobald man die Schalter, um eine zweite Registerkarte und versuchen, einen zweiten Zusammenbruch scheint

Auf DropDown - /HTML-Select-Show Modal PopUp

Anzahl der Antworten 1 Antworten
Ich habe den folgenden code/fiddle, dass wenn der button geklickt wird ein dropdown angezeigt wird & wenn ein Benutzer wählt aus einer der Optionen Bootstrap-modal-Fenster angezeigt wird. Als nun der code besteht aus html-tags... " - button,

Twitter Bootstrap tooltip funktioniert nicht auf den button

Anzahl der Antworten 4 Antworten
Ich habe Folgendes Hinzugefügt, um den Boden von meiner Seite in ein script-tag: JavaScript $('.resetPrice').tooltip(); HTML <button title="reset pricing" class="btn btn-mini resetPrice" type="button" id="ResetAA1-1-1"> <i class=" icon-refresh"></i> </button> Jegliche Hilfe würde sehr geschätzt werden. Es soll ziehen

CSS/HTML - Twitter Bootstrap - responsive media-grid hover-overlay

Anzahl der Antworten 1 Antworten
Also ich arbeite mit Twitter Bootstrap zum erstellen einer responsive thumbnail grid. Wenn ein Miniaturbild schwebte, ich möchte den Titel des Bildes und ein Symbol angezeigt. Im moment funktioniert dies wie erwartet, mit diesem code: HTML <div

Bootstrap-4: Vertikal ausrichten Bild in einem Kreis-Taste

Anzahl der Antworten 3 Antworten
Ich habe einen Kreis-Taste, der muss eine plus Bild in der Mitte. Die Sache ist die, ich kann nicht scheinen, um vertikal ausrichten, dass das Bild ohne Rückgriff auf irgendwelche Ränder. Gibt es einen einfacheren, Bootstrap-y Weg,

Warum ng-Modell nicht definiert ist?

Anzahl der Antworten 1 Antworten
Habe ich drei angular-ui-bootstrap-typehead in einer form <form> <div class="form-group"> <label for="fieldname" class="col-md-3 control-label">Name</label> <div class="col-md-6"> <input type="text" ng-model="newItem.customSelected" typeahead="name as name.name for name in members | filter:{name:$viewValue}" class="form-control" /> </div> </div> <div class="form-group"> <label for="fieldhname" class="col-md-3

Bootstrap-Fade auf der Registerkarte funktioniert nicht

Anzahl der Antworten 1 Antworten
Hier ist mein code <!-- Nav tabs --> <div class="container"> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class=""><a href="#tab1" role="tab" data-toggle="tab">Tab1</a></li> <li role="presentation"><a href="#tab2" role="tab" data-toggle="tab">Tab2</a></li> <li role="presentation"><a href="#tab3" role="tab" data-toggle="tab">Tab3</a></li> <li role="presentation"><a href="#tab4" role="tab" data-toggle="tab">Tab4</a></li> </ul> </div>

Wie man einen zentrierten bootstrap layout

Anzahl der Antworten 2 Antworten
Brauche ich zum erstellen einer responsive layout, und ich habe bootstrap vor, aber ich habe nie wirklich versucht dies. Die volle Breite von designs ist reichlich einfach, aber ich will ein layout mit zwei Spalten, die sagen

Bootstrap-Tabbed Nav mit Kollabierenden Kategorien

Anzahl der Antworten 1 Antworten
Habe ich versucht, um eine tabbed nav-system arbeiten, das dem Benutzer ermöglicht, Zusammenbruch Registerkarten in der Kategorie überschriften. Im Idealfall werden die Kategorien automatisch zu schließen, wenn Sie eine Registerkarte auswählen, die außerhalb von Ihnen, und würde

Firefox und Firebug: wie zu überprüfen und dynamisch generierte Bootstrap tooltip?

Anzahl der Antworten 3 Antworten
Ich würde gerne hinzufügen einer CSS-Klasse auf einen Bootstrap (3.x) tooltip, aber es scheint nicht zu arbeiten. Also ich möchte mit Firebug untersuchen die tooltip-Inhalt. Allerdings, wenn ich meine Maus auf das Firebug-Bereich, der dynamisch generierte tooltip

Programmgesteuert klicken Sie auf ändern, um die aktuelle Registerkarte in der Benutzeroberfläche von Bootstrap

Anzahl der Antworten 2 Antworten
Ich soll zum aktivieren der tabs programmatisch, aber konnte nicht einen Weg finden. Hier ist ein plunker für diese. HTML: <tabset> <tab id="a1" heading="Static 1">Static 111</tab> <tab id="a2" heading="Static 2" ng-attr-active="{{nd}}">Static 222</tab> </tabset> JS: $scope.nd = true;

Bootstrap - Klapptisch - erweitert werden Müssen nur eine Zeile zu einem Zeitpunkt

Anzahl der Antworten 1 Antworten
Erstellte ich eine bootstrap-Klapptisch Beispiel. Hier folgt die für den link als Kommentar zu dieser Frage. Fiddle Aber hier kann es möglich, erweitern Sie mehr als eine Zeile zu einem Zeitpunkt. Aber ich brauche nur eine Zeile

Bootstrap in Chrome Nicht funktioniert

Anzahl der Antworten 1 Antworten
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet"href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-12 col-sm-2 col-lg-4 col-sm-push-4" style="background-color: blue"> Content C </div> <div class="col-12

Twitter Bootstrap Button Aktiven Zustand

Anzahl der Antworten 1 Antworten
Bin ich fast ausschließlich mit <a> - tags mit der Klasse "btn" für die Tasten, die in meiner web-app. Das problem ist, dass die Benutzer beim verwenden der <tab> drücken, um zu navigieren Formular-Felder, es gibt keinen

Stellen Sie input="text" - Feld erforderlich, wenn die checkbox ausgewählt wurde

Anzahl der Antworten 2 Antworten
ich habe eine bootstrap-Formel-zwei verschiedene Adressen Die erste Adresse ist die Hauptadresse von Benutzer und alle Felder sind erforderlich. Die zweite Adresse ist die Rechnungsanschrift und dieses Feld (Straße, Hausnummer, Postleitzahl und Stadt) sollte erforderlich, wenn die

Bootstrap-modal: laden von Daten für das mitgelieferte ID

Anzahl der Antworten 1 Antworten
Habe ich eine Bootstrap modal, dass gestartet werden kann von verschiedenen hyperlinks, jeder liefert eine andere ID. Aber was ich will ist, dass jedes mal, wenn der modal gestartet wird, es wird aufgefüllt, mit den Daten für

sb admin 2 multi-level-Menü bricht nicht

Anzahl der Antworten 1 Antworten
Ich versuche mich zu integrieren, das Menü des sb-admin 2-Vorlage für meine ruby on rails-app: http://startbootstrap.com/template-overviews/sb-admin-2/ Habe ich versucht, indem Stück für Stück, um zu sehen, wie die Dinge funktionieren. Hinzugefügt habe ich die oberen und seitlichen