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.

Twitter Bootstrap Tabs Upside Down

Anzahl der Antworten 2 Antworten
Habe ich verwendet Twitter Bootstrap ( http://twitter.github.io/bootstrap/javascript.html#tabs ) - Tabs-feature, aber ich will es verkehrt herum, mit der Inhalte angezeigt, auf der Oberseite und der TabMenuNav an der Unterseite! Ist das möglich? Irgendwelche workarounds? InformationsquelleAutor Kelvin Castelino

Bootstrap 3 nav-Pillen nicht arbeiten

Anzahl der Antworten 1 Antworten
Ich habe die Dokumentation aber ich bin nicht sicher, warum meine pills nicht arbeiten. HTML: <!DOCTYPE html> <html> <head> <title></title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> <script src="assets/js/script.js"></script> <link rel="stylesheet" media="all" href="assets/css/style.css"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> </head> <body> <div class="container">

Machen <div> füllen Sie die Verbleibende Höhe

Anzahl der Antworten 4 Antworten
Es ist Bootstrap 3. Ich will einfach nur mein split sidebar sich in zwei Abschnitte. Der untere Teil sollte hoch genug sein, um dem Inhalt anzupassen, während der Obere Abschnitt sollte füllen Sie die Verbleibende Höhe der

Erstellen Sie eine responsive navbar, sidebar "Schublade" in der Bootstrap-4?

Anzahl der Antworten 2 Antworten
Versuchen, etwas zu erreichen wie diese : https://www.muicss.com/examples/v1/example-layouts/responsive-side-menu/index.html Ich habe gesehen, wie einige Beispiele online mit anderen Versionen von bootstrap, aber Sie alle ändern der css zu viel, das macht es schwieriger, zu lernen bootstrap. Ich Frage

Bootstrap wählen, die erlaubt, dass text Bearbeiten

Anzahl der Antworten 2 Antworten
Ich bin mit bootstrap und habe einige select/dropdown-Boxen. Sie nicht lassen Sie mich Bearbeiten Sie den text, und ich möchte dieser Liste wählen Sie ein bearbeitbares Feld, damit Sie als wählen Sie aus vorhandenen oder geben Sie

JQuery-Einstellung vorgewählten Werte für die bootstrap-select-picker

Anzahl der Antworten 2 Antworten
Möchte ich pre-wählen Sie mehrere Werte aus dem folgenden dropdown auswählen. Für dieses Beispiel wählen Sie 'Abbey' & 'Belgrave' <select id="dropdown" multiple> <option value='Belgrave'>Belgrave</option> <option value='Abbey'>Abbey</option> <option value='Castle'>Castle</option> </select> Kann ich erreichen das manuell, das funktioniert so:

Bootstrap mit 100% Breite / Volle Breite

Anzahl der Antworten 5 Antworten
Ich möchte eine neue website erstellen mit Bootstrap und ich muss es zu 100% in der Breite, aber ich will es nicht zu flüssig. Zumindest nicht für jetzt. Das Problem, das ich habe, ist: die Verwendung von

twitter bootstrap benutzerdefiniertes Formular selectbox

Anzahl der Antworten 3 Antworten
Habe ich mich durch das twitter-bootstrap-Komponenten und nicht finden können jede kundenspezifische form selectbox. Ich habe einen Split-button-dropdowns Komponente, die aussieht wie das, was ich versuche zu stylen es wie. Das problem ist, ich brauche das Formular

Twitter Bootstrap-3-Gitter, ändern Haltepunkt und Polsterung entfernen

Anzahl der Antworten 3 Antworten
Ich m versuchen, zu bewegen, um die neue boostrap 3-raster, und ich m mit einigen Schwierigkeiten. Wie haben die das grid-stack unter 480px aber nicht zwischen 480px und 768px? oben 768px der Abstand Links von der ersten

Wie man eine dia-animation zwischen zwei Bootstrap 3 tabs?

Anzahl der Antworten 3 Antworten
Ich versuche, herauszufinden, wie zu tun ist, schieben Sie nach Links, rechts, oben, unten zwischen zwei Bootstrap 3 tabs.Ich suchte im web und überraschend haben nichts gefunden. Die nächste Sache, die ich gefunden habe, war DIESE Bootstrap

Wie kann ich die Breite des Bootstrap fluid-Behälter?

Anzahl der Antworten 1 Antworten
Ich will nur klar eine Sache. Wenn ich mit "container-fluid" Klasse, das bedeutet, ich kann nicht so etwas wie dies in der bootstrap.css: .container-fluid{ width: 1170px; } Ich versuchte in Pixel einstellen und die ansprechende Natur einfach

Ausblenden Twitter Bootstrap Pfeile Links und rechts, wenn nur ein regler vorhanden ist

Anzahl der Antworten 3 Antworten
Habe ich versucht zu verbergen das Bootstrap-Karussell-Tasten Links und rechts wenn nur ein regler vorhanden ist, aber kann nicht scheinen, um es richtig zu arbeiten. Habe ich versucht, if ($('.carousel-inner div').length === 1 ) { $(this).find('.controls .carousel-control').hide();

Wie erstelle ich iPhone Style Unteren Navigationsleiste Mit Benutzerdefinierten Gylph icons für meine Bootstrap 3.0 Theme?

Anzahl der Antworten 1 Antworten
Entwerfen Sie eine benutzerdefinierte website-Design für meinen dad, die verwendet werden, um ein Sekundant für amateur-Boxer in Guadalajara (wo er traf meine Mexikanische Mama!). Machte ich die Pillen navigation mit .nav-pills wie hier gezeigt => http://getbootstrap.com/components/#nav-pills, aber

Das abschalten der Tabs in der Bootstrap

Anzahl der Antworten 6 Antworten
Ich versuche, deaktivieren Sie die Registerkarten in der bootstrap. Ich habe geforscht und ich habe noch nicht eine Lösung gefunden. Ich habe dies ausprobiert: Können Sie deaktivieren Sie die Registerkarten in der Bootstrap? Es hat mich führen,

Suche Symbol in Textfeld

Anzahl der Antworten 6 Antworten
Wie such-Symbol im Textfeld HTML: <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" name="searchroleName" id="searchroleName" placeholder="Search By RoleName"/><span class="fa fa-search form-control-feedback"></span> arbeiten fiddle Einfach, indem Sie es input type="search". Alternativ, quick-fix = jsfiddle.net/6d463wo1/2 InformationsquelleAutor user7397787 | 2017-04-24

aktivieren/deaktivieren Sie die bootstrap-Checkboxen mit jQuery

Anzahl der Antworten 4 Antworten
Habe ich aus einem anderen post gestern und hatte keine Erfolg damit. Ich werde jetzt versuchen, neu zu ordnen de Idee und nochmal Fragen, da ich nicht finden können, die Lösung für dieses (ich bin ein Neuling

bootstrap3 modal js Undefinierte Funktion

Anzahl der Antworten 7 Antworten
Ich habe einen regelmäßigen bootstrap-modal in HTML. Ich versuche zum ein - /ausblenden mit javascript und ich bekomme Undefinierte Funktion. Ich bin dabei, wie die bootstrap-Dokumentation sagt, trotzdem bekomme ich Undefinierte Funktion auf diese Zeile: $("#registermodal").modal('show'); Dies

Wie man bootstrap-buttons, wo ich will?

Anzahl der Antworten 2 Antworten
In diesem code <div class="content"> <h1>TraceMySteps</h1> <div> <div range-slider floor="0" ceiling="19" dragstop="true" ng-model-low="lowerValue" ng-model-high="upperValue"></div> </div> <button type="button" class="btn btn-primary" id="right-panel-link" href="#right-panel">Visualizations Panel</button> </div> Habe ich meine bootstrap button erstellt. Das problem hier ist, dass es auf der

Wie man ein bootstrap-Eingabe-Feld "transparent"

Anzahl der Antworten 3 Antworten
Ich versuche den Rahmen zu entfernen aus einer bootstrap-Eingang form-control. Nach der Einstellung border-color:white ich bin immer dies Wie kann ich verlieren diese Obere Grenze ? Ich dachte, es könnte ein Schatten sein Eigentum, sondern ... nichts.

Twitter bootstrap-select readonly noch in der Lage, um Optionen zu ändern

Anzahl der Antworten 3 Antworten
Ich habe eine bootstrap-wählen Sie mit readonly="true" aber ich kann immer noch ändern der ausgewählten option. Brauche ich die disabled="true" Verhalten, aber wenn ich dieses nutzen die auswählen, die nicht eingereicht. Brauche ich eine Kombination aus 2,

So erhöhen Sie font-size in der Bootstrap-4?

Anzahl der Antworten 2 Antworten
In der Bootstrap-4, schriftart,-Größe standardmäßig mit em oder rem für Schriftarten. Wie erhöhe ich die font-size für alle viewport-Größen? Da jedes element sieht winzig. Wenn Sie möchten ansprechende schriftart, die Größen, die Sie verwenden können media queries.

Stellen Sie die Schaltfläche ein Hyperlink zu PDF-Datei mit Bootstrap

Anzahl der Antworten 1 Antworten
Ich würde gerne verlinken einer pdf-Datei in eine Schaltfläche mit Hilfe des bootstrap-Frameworks in Rails. Zum Beispiel der button würde sagen, jetzt herunterladen und den link zur PDF-Datei. Ich bin nicht besorgt darüber, wie die PDF-Datei geöffnet

Wie öffnet man eine bootstrap-modal von einer anderen Seite?

Anzahl der Antworten 3 Antworten
Habe ich auf mein Haus.asp-login-button öffnet sich ein modal. Ich habe noch eine Seite, die einen login/logout button. Wie kann ich den Aufruf der modal von der Startseite auf diese Seite. Hause. aspx-Code: <a href="#" data-target="#ModalCLogin" data-toggle="modal"><span

Bootstrap navbar-fixed-top-Klasse, nicht zu arbeiten

Anzahl der Antworten 2 Antworten
Aufbau einer portfolio-Website mithilfe des Bootstrap - ich bin die Anwendung der "navbar-fixed-top" - Klasse, um die navbar zu bleiben, um den oberen Rand des Fensters, wie in diesem Beispiel: https://getbootstrap.com/examples/navbar-fixed-top/ Ich versuche zu tun, also mit

Setzen bootstrap-style für eine textbox in MVC für ein Suchfeld

Anzahl der Antworten 2 Antworten
Habe ich ein Suchfeld, dass ich Sie anpassen möchten, mit Bootstrap Stil. Die textbox code in der aspx-ist: @Html.TextBox("SearchString") Aber ich bekomme textbox mit einem standard-Stil. Andernfalls ist der button der Sucher ist mit einem bootstrap-Stil mit

Twitter Bootstrap Popovers nicht funktioniert

Anzahl der Antworten 2 Antworten
Hier ist mein HTML: <div id="disclaimer">After 30 Days you'll have the option to keep your account for $15 per month -no contract required-or revert to a single page free account.*</div> JavaScript: $('#disclaimer').popover({ trigger: 'hover', html: true, placement:

Kann Sperre ich die erste Spalte in einer Twitter-Bootstrap-Tabelle?

Anzahl der Antworten 2 Antworten
Ich habe ein großes scroll-in der Lage, Tabelle I gebaut mit Twitter bootstrap, möchte aber verhindern, dass die erste Spalte von Blättern. Ist das möglich? <div class="row"> <div class="span12" style="height: auto !important;overflow-x: scroll;">'; <table class="table table-striped table-bordered

So erstellen Sie das Mauerwerk Effekte mit nur bootstrap 3 grid-system und css

Anzahl der Antworten 4 Antworten
Mein Problem ist, dass ich die Daten anzeigen wollen, in einem block-format mit der bootstrap 3 grid-system, jedoch möchte ich nicht das die lästigen whitespaces Lücken, das geschehen von der Höhe eingeschränkt auf die oben genannten Zeile.

Wie die Verwendung von Bootstrap in eine Eckige Projekt?

Anzahl der Antworten 18 Antworten
Ich bin gerade dabei meine erste Winkel Anwendung und meine basic-setup fertig ist. Wie kann ich Bootstrap zu meiner Anwendung? Wenn können Sie ein Beispiel geben, dann wäre es eine große Hilfe. InformationsquelleAutor user3739018 | 2016-03-29

How to Make 1/5 Column Grid in Bootstrap 3

Anzahl der Antworten 1 Antworten
Habe ich ein layout, das ich drei Div nebeneinander, wie: <div class="row"> <div class="col-md-1.5" id="legend"></div> <div class="col-md-0.5" id="icon"></div> <div class="col-md-10" id="map"></div> </div> Ich weiß es auch möglich, die Legende und ein Symbol, das div in einer row

Wie kann man ein element über ein anderes element?

Anzahl der Antworten 1 Antworten
Ich wollen <div> über eine <img>. Den HTML sieht wie folgt aus. CSS: body { background-color: #cCa; } .image { position: relative; background-repeat: no-repeat; } .content { background-color: lightGrey; position: absolute; overflow: none; left: 40px; top: 40px;

So ändern Sie das bootstrap-Spalten Breite

Anzahl der Antworten 3 Antworten
wie Sie top-panels (markiert mit rot), damit werden über die gesamte Breite der Seite (gekennzeichnet als grün)? Alle müssen die gleiche Breite. Und zweiten und ähnliches problem. Ich muss hinzufügen 7. Tabelle in der bootom. Wie es

Twitter Bootstrap-datepicker: so aktivieren Sie nur bestimmte daterange

Anzahl der Antworten 2 Antworten
Ich bin an einem Projekt arbeitet, basierend auf Twitter Bootstrap, die mit einem datepicker aus https://github.com/eternicode/bootstrap-datepicker (das ist eine Abspaltung von einer anderen version), aber es fehlt ein sehr wichtiges feature, das ich brauche - wie aktivieren

So zeigen Sie eine URL in der Bootstrap-Modal-dialog: Auf den button klicken

Anzahl der Antworten 2 Antworten
Habe ich eine Seite zu laden (interne URL) in einem modalen Fenster. Ich war mit Fenster.showModalDialog(url, null features), aber das funktioniert nicht richtig auf Safari,Chrome. So haben wir beschlossen, die Verwendung von Bootstrap modal-dialog statt. Ich bin

Wie lösen Fehler "Cannot set property 'emulateTransitionEnd' of undefined" in der Bootstrap node.js app?

Anzahl der Antworten 4 Antworten
Ich erstellt Node.js Anwendung von Grund auf neu, und ich habe Hinzugefügt, app.js. global.jQuery = require('jquery'); Danach gibt er mir eine Fehlermeldung wie folgt: /home/yojna/web/node_modules/bootstrap/js/transition.js:36 $.fn.emulateTransitionEnd = function (duration) { ^ TypeError: Cannot set property 'emulateTransitionEnd' of

Twitter-Bootstrap-Modal an Modalen benutzerdefinierte schließen

Anzahl der Antworten 3 Antworten
Über das twitter bootstrap-framework für web-Anwendung. Ich bin mit einer modalen, in dem rufe ich ein anderes modal, mit 1 modal auf der Oberseite des anderen modal. Derzeit, wenn Sie klicken Sie auf die schließen-Schaltfläche " x

Fügen Sie ein hintergrund Bild in der Bootstrap-Reihe

Anzahl der Antworten 2 Antworten
Möchte ich einfügen, ein full-width background-image auf diesem Teil meiner Seite. Könnte mir bitte jemand sagen, welche css-Regel, die ich befolgen sollte? Denn soweit ich weiß, Sie nicht fügen Sie ein hintergrund Bild in einer Zeile. Dank

Hinzufügen von Leerzeichen zwischen den Wörtern in Bootstrap 3.0 (HTML-escape-Zeichen nicht funktioniert)

Anzahl der Antworten 4 Antworten
Stackoverflow, bitte um Hilfe!! Ich entwickle eine website mit Bootstrap (3.1.1) und AngularJS für meinen Freund-Fotografie-Geschäft. Das problem, das ich bin der Begegnung entsteht, wenn Sie versuchen, um ein tab-Abstand zwischen den Wörtern in der Navigationsleiste, zum

Alle Bilder in der Matte-card-Bild dieselbe Größe, aber korrekt skaliert

Anzahl der Antworten 1 Antworten
Diese in der Regel nicht ein problem, sondern nur Material 2 ist sehr unter-dokumentiert atm so dass ich Probleme damit alle Bilder die gleiche Größe, aber richtig die Größe mit Fenster ändern Alle Bilder, die ich habe,

Wie zu Sortieren Datum format d/m/y bootstrap datatables plugin?

Anzahl der Antworten 1 Antworten
Ich bin mit diese bootstrap-Daten-Tabellen responsive plugin. Alles ist in Ordnung, aber dieses plugin kann nicht Sortieren Sie die Spalte mit Datum (TT/mm/JJJJ) - format. Das plugin kann nur Sortieren mit YYYY/mm/dd-format. Also, wie kann ich die

Bootstrap-responsive navbar und Polsterung an container-fluid

Anzahl der Antworten 1 Antworten
Finden Sie in der folgenden fiddle: http://jsfiddle.net/HXzPj/6/ HTML: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" /> <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" /> </head> <body> <div class="navbar" style="position:absolute; top:0; width:100%;"> <div class="navbar-inner"> <a href="#" class="brand">KB</a> <ul class="nav"> <li class="active"><a href="#">Home</a>

Wie Zentriere ich ein Bild im Bootstrap panel verschachtelt in einem anderen panel?

Anzahl der Antworten 2 Antworten
Ich habe eine Seite mit einem Haupt-bootstrap-panel und in diesem panel habe ich ein anderes panel. Das Ziel ist es, sich mehrere verschachtelte panels innerhalb der main eine, etwas zu schaffen, sieht ähnlich aus wie eine Bildergalerie.

Bootstrap-4 Carousel Mehrere Bilder auf einmal und schieben Sie durch eine

Anzahl der Antworten 2 Antworten
Andere Frage auf der gleichen Notwendigkeit (diese Frage) für bootstrap-3, aber die vorgeschlagenen Lösungen funktionieren nicht mit Bootstrap 4. Dem Bild von diesem post erklärt sehr gut, was ich will. Und noch mehr diese bootply. Wie kann

Twitter bootstrap-btn-group-vertical mit Marge zwischen den Tasten

Anzahl der Antworten 1 Antworten
Gibt es eine einfache Möglichkeit, um etwas Abstand zwischen die twitter bootstrap-btn-group-vertical-Tasten, und Sie alle haben abgerundete Ecken? Mein Erster Versuch war, fügen Sie einfach einige Abstand zwischen Ihnen, mit css, aber dann sah ich, dass, mit

Twitter Bootstrap - dropdown-Liste mit div-Inhalt statt einer Liste

Anzahl der Antworten 1 Antworten
Was ist der empfohlene Weg, dies zu tun? Hier ist ein Beispiel dafür, was ich getan habe, http://jsfiddle.net/T9QHw/56/ Normale dropdown auf der linken Seite und die div-version auf der rechten Seite. Aber der div-wirkt ein wenig komisch.

Putting Elemente auf der gleichen Linie

Anzahl der Antworten 5 Antworten
Wie kann ich die folgenden Elemente auf der gleichen Linie? Ich weiß, es hat zu tun mit der display-Eigenschaft, aber eine, die immer stümpfe mich und kann nie scheinen, um zu arbeiten. http://jsfiddle.net/MgcDU/4137/ HTML: <div class="container"> <div

Wie setzen bootstrap-Daten-container zu bestimmten id

Anzahl der Antworten 1 Antworten
Habe ich versucht zu machen bootstrap popover,dass ich geschrieben das folgenden code als pro bootstrap Reiseführer. Ich bin mit bootstrap 3.1.0. <input id="shelfLifeField" type="text" placeholder="Use-By" class="form-control first" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-content="<div class='row'>this is just for text</div>"/>

X-editable für die Bootstrap-Werte senden, um post.php

Anzahl der Antworten 2 Antworten
Nutze ich Twitter Bootstrap und beschlossen, X-editierbare mit ihm. Habe ich alle notwendigen Dateien und es funktioniert gut, außer dass ich möchte die Werte übergeben, um post.php wo soll ich den PHP-Prozess $_POST["value"]. Markup der editierbaren element

Ändern der aktiven-Klasse, sowie Inhalte in nav-pills

Anzahl der Antworten 4 Antworten
Grundsätzlich bin ich versucht zu erstellen, ein "wizard" über bootstrap, wenn die aktive Registerkarte ändert, wenn der "weiter" - button geklickt wird. Ich habe es geschafft, kommen mit dem folgenden code: <div id="rootwizard"> <div class="navbar"> <div class="navbar-inner">

Wie ändere ich die hintergrund-Farbe eines Akkordeon Registerkarte Bootstrap?

Anzahl der Antworten 3 Antworten
Ich versuche, ändern Sie die Hintergrundfarbe der tabs auf meinem Akkordeon. Wenn ich die Hintergrundfarbe in CSS, es ändert nur die Farbe hinter dem text und nicht die ganze Sache. Hier ist ein Ausschnitt von meinem code: