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-Datepicker-Startdate von Attribut

Anzahl der Antworten 1 Antworten
Ich weiß, Sie können startdate bei der Initialisierung Ihrer datepickers in den config-Einstellungen. Ich havn ' T einen Weg gefunden, fügen Sie ein Attribut in die html-Eingabe zu tun. Den Weg, den ich gekommen war das so.

Bootstrap-dropdown funktioniert nicht oder ist nicht ein

Anzahl der Antworten 2 Antworten
Ich bin neu auf Bootstrap. Bitte sagen Sie mir, was ist falsch an diesem code, da ich nicht scheinen, um meine dropdown oder das Umschalten funktioniert. Danke. <!DOCTYPE html> <html> <head> <title>Red Stone One Stop Shop</title> <link

glyphicons font funktioniert nicht mit bootstrap 3 und 4 Schienen

Anzahl der Antworten 3 Antworten
Ich kann nicht glyphicons arbeiten mit bootstrap 3 und rails. Ich habe scowered das internet und nichts, finde ich hilft. In meiner bootstrap.css-Datei habe ich: @font-face { font-family: 'Glyphicons Halflings'; src: url('/assets/glyphicons-halflings-regular.eot'); src: url('/assets/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'),

Wie man eine responsive bootstrap-inline-Tabelle?

Anzahl der Antworten 2 Antworten
Wie kann ich einen span display inline mit einer bootstrap-responsive Tabelle? Derzeit ist der span wird auf einer neuen Zeile. Ich möchte das span-Tag auf der rechten Seite der Tabelle vertikal zentriert in der Kopfzeile der Tabelle.

Bootstrap-Schalter fn ist nicht eine Funktion

Anzahl der Antworten 1 Antworten
Ich versuche, die add bootstrap-Schalter, um eine rails-Projekt. Wenn ich mein Skript aus hier wie diese: <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/js/bootstrap-switch.js" data-turbolinks-track="true"></script> Ich am Ende immer eine Fehlermeldung in der Konsole: Uncaught TypeError: Cannot read property 'fn' of undefined at

Ändert sich die Klasse der aktiven bootstrap-Taste auf hover

Anzahl der Antworten 3 Antworten
Wenn ich ändern will die Klasse dieses bootstrap-Taste auf hover mit jQuery, so dass sich das styling der Schaltfläche ändert sich, um die neue benutzerdefinierte Klasse, dass ich hinzufügen möchte, mit "addClass": <div id="tile-sort" class="btn-group" data-toggle="buttons"> <label

Hinzufügen jquery Validierung, um die Gewählte drop-down-Liste auf der post in ASP.NET MVC Seite

Anzahl der Antworten 2 Antworten
Ich bin mit einer Standard-Website-Vorlage von Visual Studio 2013 preview integriert Bootstrap standardmäßig (die ich ersetzt mit v3) In einer form, die Jquery Validierung auf POST richtig highlights-Fehler-Felder, außer für das drop-down-Boxen, die habe ich gestaltet mit

Überschreiben in WENIGER

Anzahl der Antworten 1 Antworten
Ich arbeite mit Bootstrap mit WENIGER, ich bin neu WENIGER, also ich habe eine Frage. Zum Beispiel, möchte ich hinzufügen, dass Polsterung Eigenschaft Körper. body { margin: 0; font-family: @baseFontFamily; font-size: @baseFontSize; line-height: @baseLineHeight; color: @textColor; background-color:

CakePHP: Mit Bootstrap Glyphicons als Bild-links

Anzahl der Antworten 1 Antworten
Ich versuche, einen Bootstrap Glyphicon als ein Bild-link. Dies ist die aktuelle syntax, die ich verwende: <?php echo $this->Html->link('<i class="icon-align-left"></i>', array('controller' => 'links', 'action' => 'edit', $link['id'],$contract['Contract']['id'])); ?> Die Ausgabe dieses gibt einen funktionierenden link, sondern einfach

@font-face-Schriften in bootstrap css nicht angezeigt werden in firefox

Anzahl der Antworten 2 Antworten
Ich bin in der Lage, Schriften in chrome aber nicht in firefox. Ich Frage mich, ob dies ist ein Problem, denn ich bin mit dem bootstrap-framework. Hier ist mein code: @font-face { font-family:"bodyFont"; src: url("http://caseymmiller.com/galapagos/fonts/museosans_300.otf"); } body

Bootstrap-Bild Kreis-Schatten Nach Innen

Anzahl der Antworten 3 Antworten
Wie kann ich fügen Sie einen inneren Schatten, um eine bootstrap-image "Kreis"? jsfiddle Dieser funktioniert nicht.. <img class="img-circle box-shad" alt="" src="http://placehold.it/140x140"><img class="img-circle box-shad" alt="" src="http://placehold.it/140x140"> .box-shad {box-shadow: 0 10px 20px #777 inset, 0 0 200px #000 inset,

Stellen Sie font-awesome icon-Größe erhöhen bei mouseover

Anzahl der Antworten 2 Antworten
Ich bin mit font-awesome mit bootstrap 4 Karten, es ist trotzdem erhöhen Sie die Größe der font-awesome-icon (rechts unten) wenn ich die Maus über den button? in diesem Fall <i class="fa fa-folder-open fa-5x"></i> Hier ist der HTML

Zeigen Sie Bootstrap modal auf hover

Anzahl der Antworten 1 Antworten
Ich versuche, die Anzeige ein Bootstrap Modal auf meinem webshop, wenn der Mauszeiger über ein Produkt. Ich suchte online und fand die folgenden: https://stackoverflow.com/a/12190456/3164891 Ich habe es auf Arbeit in der Geige, indem Sie den folgenden code:

bootstrap: vier span3-thumbnails im responsive span12

Anzahl der Antworten 1 Antworten
Stapelten wir eine span12- in einem span8-container und habe versucht, indem Sie vier Miniaturansichten in einer Reihe. Leider sind die letzten <li> Pausen, um die nächste Zeile obwohl screensize würde erlauben, dass alle vier miniaturen passen in

Bootstrap 3 horizontale Registerkarten auf dem desktop, vertikale tabs auf mobilen

Anzahl der Antworten 2 Antworten
Ich habe den folgenden code <div class="row"> <h4>Categories</h4> <ul class="nav nav-tabs"> <li role="presentation"><a href="#0" class="thumbnail">All Categories</a></li> <li><a href="#1" class="thumbnail">Computers</a></li> <li><a href="#1" class="thumbnail">Vehicles</a></li> <li><a href="#1" class="thumbnail">Firearms</a></li> </ul> </div> erzeugt dies in desktop-Browsern aber auf dem Handy sieht es

bootstrap row-fluid-und grid-Bild

Anzahl der Antworten 2 Antworten
Werde ich erstellen eine Bildergalerie Daumen. es könnte sein, 5-15 Daumen in die Seite. Mein markup wird dies: <div class="container> <div class="row-fluid"> <h4 class="underline"><span>Recent images</span></h4> <div id="portfolio" class="row-fluid"> <div class="span3"> <img src="img/portfolio/1.jpg"> </div> <div class="span3"> <img src="img/portfolio/2.jpg">

Bootstrap - Fluid-Navigations-Elemente

Anzahl der Antworten 1 Antworten
Ich bin ein Neuling bootstrap-Benutzer, die derzeit ich möchte erstellen Sie eine flüssige navigation bar, aber wenn ich die verkleinern des Browsers die Navigationsleiste wird komisch. Vor Schrumpfung: Nach dem schrumpfen weiter: Wie Sie sehen können, das

Bootstrap senkrechten ausrichten einer Zeile in einem col

Anzahl der Antworten 1 Antworten
Ich habe einen code : http://www.bootply.com/8uA4jyGZKB Möchte ich vertikal zentrieren Sie den text und die Symbole auf der rechten Seite des Bildes. Wie kann ich vertikal zentrieren Sie die Inhalte der col-md-10 div ? InformationsquelleAutor alexandrepa |

jQuery Highlight-Effekt Auf Tabellenzeilen-Stil Mit Bootstrap

Anzahl der Antworten 2 Antworten
Verwendung von Bootstrap 2.0, die ich gestylt habe eine Tabelle verwenden .Tisch-gestreift. Ich bin das aktualisieren von Zeilen von Daten per ajax und wenn das update abgeschlossen ist, möchte ich markieren Sie die Zeile, die arbeiten auf

mehrere Bootstrap-wählen Sie lädt sehr langsam

Anzahl der Antworten 3 Antworten
wenn ich versuche mehrere wählt auf der website (mehr als 20) es verlangsamt jquery-Ausführung (mit stop/continue-alert) - gibt es eine chance den code optimieren, um es zu laden schneller - es dauert Minuten, bis es geladen? Beispielcode

dropdown in der navigation bar nicht zu erweitern (bootstrap, angular, Richtlinien, Routen)

Anzahl der Antworten 1 Antworten
Für einige seltsame Grund ist die bootstrap-dropdown-Menü ist nicht auf erweitert klicken, wenn Sie aufgebaut ist, durch router-Vorlage. Direkt in das template funktioniert es einwandfrei. Hier ist die plunker, um mit zu spielen: http://plnkr.co/edit/GOky2ajHl46VddQRKDye?p=preview <!DOCTYPE html> <html

Entfernen Sie die Oberseite von Seite Raum von Bootstrap

Anzahl der Antworten 6 Antworten
In meinem code habe ich eine permanente Lücke an der Spitze der meine Seite, die angezeigt werden gesetzt, um den tag von Bootstrap. Gesucht hab ich via Firefox-Inspektor und haben nichts gefunden. Versuchen, fügen Sie margin: 0;

Wie Sie trigger-bootstrap-modal, wenn eine Bedingung-Anweisung erfüllt ist

Anzahl der Antworten 2 Antworten
Ehrlich, ich habe tief Graben hier gesehen und etwas ähnliches wie das, was Suche, aber keiner von Ihnen scheint zu funktionieren für mich. Ich weiß bin fehlt es irgendwo, irgendwie. Meine Herausforderung ist, dass ich einen button

Größe dropdown-Menü in der Bootstrap

Anzahl der Antworten 1 Antworten
Ich bin mit Bootstrap 3.2 sowie das material-design-plugin. ich habe eine dropdown-Liste eine Navigationsleiste. In der Liste der Elemente in dieser dropdown-Menü, ich habe ein benutzerdefiniertes "layout". So etwas wie dieses: <li class="list-group-item"> <div class="row-picture"> <img class="circle"

Bootstrap-Karussell-Steuerelemente Außerhalb von Karussell

Anzahl der Antworten 1 Antworten
Ich bin versucht zu pushen meine Bootstrap-Karussell-Steuerelemente außerhalb des Bildes, aber ich zu sein scheinen mit einigen Problemen. Ich habe in der Lage, diese aus dem Bild durch die Einstellung width: 0%; auf .carousel-controls aber das problem

GLYPHICONS in Bootstrap 2.3.2

Anzahl der Antworten 1 Antworten
Wie kann ich in der Bootstrap GLYPHICONS 2.3.2? Ich habe heruntergeladen die Glyphicons-REIßVERSCHLUSS. Aber ich habe keine Ahnung, wie es zu installieren. Kann mir jemand helfen, bitte? InformationsquelleAutor Spirit In Motion | 2015-07-19

Wie die Umsetzung Bootstrap Sidebar in MVC 5

Anzahl der Antworten 1 Antworten
Ich bin zu wollen, implementieren Sie eine navigation, die sidebar in MVC 5, aber ich konnte nicht finden keine integrierten Klassen in der Bootstrap 3kam, dass mit dem Projekt. Ich habe versucht mit folgenden code: _Layout.cshtml <body>

Twitter Bootstrap-Sortier-icon alignment-Probleme in Tabelle Header

Anzahl der Antworten 2 Antworten
Ich habe ein layout-Problem, das ich versuche zu lösen, beinhaltet die sortierbaren Spalten. Wenn ein Benutzer auf eine niedrige Auflösung-Bildschirm, oder ändert Ihre browser, die Symbole für die Sortierung dont line-up mit einander nicht mehr. Die Benutzer

Wie man text unter einer navbar-brand in der bootstrap?

Anzahl der Antworten 2 Antworten
Vorausgesetzt, ich habe eine bootstrap 3 Navigationsleiste mit einem navbar-brand mit dem text, wie kann ich noch einen kleinen Untertitel, das passt direkt unter das navbar-brand? Würden Sie mir das hinzufügen einiger code? bootply.com/new InformationsquelleAutor Rolando |

Bootstrap 3 Nicht XS auf dem iPhone 5

Anzahl der Antworten 1 Antworten
Ich habe einen sehr seltsamen Fehler, während ich meine bootstrap-3-website: für einige Grund es ist nicht die Anpassung an die kleinere iPhone-Bildschirm Größe (die navbar ist nicht kollabiert, und die "col-xs-..." scheint immer ignoriert). Habe ich doppelt

Halten Bootstrap-Dropdown öffnen Sie in der Navigationsleiste egal was

Anzahl der Antworten 2 Antworten
Ich habe ein dropdown-Menü, eingebettet in eine navbar, die ich öffne beim laden der Seite durch hinzufügen der open Klasse der li element mit dem dropdown-Menü. Möchte ich dieses Menü geöffnet bleiben, egal, was angeklickt wird oder

Automatisch ausrichten Kontrollkästchen in einer bootstrap-inline-form

Anzahl der Antworten 2 Antworten
Habe ich die folgenden code: <form class="form-inline"> <div class="row"> <div class="col-md-6"> <fieldset> <legend>Form one</legend> <div class="col-md-3"> <div class="form-group"> <label for="input1">Input1</label> <div class="checkbox"> <input type="checkbox" id="input1"> </div> </div> </div> <div class="col-md-3"> <div class="form-group"> <label for="input2">Input2</label> <div class="checkbox"> <input

Wie die format-tags mit select2 und x-editable

Anzahl der Antworten 1 Antworten
Schreibe ich eine Anwendung basierend auf Django und Bootstrap zeigt, dass media-Dateien als Miniaturansichten angezeigt werden, zusammen mit einer Beschreibung und tags. Ich möchte diese tags formatiert werden regelmäßige Bootstrap-Etiketten und angeklickt werden. Ich bin mit X-editable

Wie man richtig mit Bootstrap-Tabelle Daten-url-Eigenschaft?

Anzahl der Antworten 1 Antworten
Ich versuche herauszufinden, wie die Verwendung der data-url-Eigenschaft des Bootstrap-Tabelle Hier ist mein code. Ich habe alle notwendigen CSS - /JS-Dateien und verwiesen auf eine korrekte JSON-Formular-Datei in der die Daten-url-Eigenschaft, aber immer noch it ain '

Styling-Twitter Bootstrap-Modal "Schließen" - Symbol

Anzahl der Antworten 2 Antworten
Ich versuche zu tun, einige styling auf Twitter Bootstrap-modal "schließen" - Symbol. Dies ist die CSS, die ich verwende: .modal-header .close { float: right !important; margin-right: -30px !important; margin-top: -30px !important; background-color: white !important; border-radius: 15px !important;

ASP.NET MVC-Bootstrap dynamic modal content

Anzahl der Antworten 3 Antworten
Ich bin mit MVC 5 und ich habe eine <button> für jeden Datensatz in der viewModel wie folgt: <table class="table table-hover"> <tr> <th> @Html.DisplayNameFor(model => model.Questions.Single().QuestionType) </th> <th> @Html.DisplayNameFor(model =>model.Questions.Single().Scheme) </th> </tr> @foreach (var item in Model.Questions)

Bootstrap-Validierung mit MVC?

Anzahl der Antworten 3 Antworten
Bin ich auf der Suche auf der folgenden Seite - http://bootstrapvalidator.com/getting-started/#release und ich mag die Validierung. Ich bin die Entwicklung einer MVC 5-Anwendung und ich bin mit bootstrap. Ich bin derzeit mit Dekoratoren auf meine Modelle zu

Bootstrap-modal-Fenster nicht angezeigt

Anzahl der Antworten 2 Antworten
Versuchte ich heute mit modalen Fenstern auf Bootstrap, aber ich habe ein problem. Modal wird nicht angezeigt. Ich Tat genau das, wie gezeigt, in getbootstrap.com/javascript/#modals aber immer noch, es funktioniert nicht. Weiß jemand das problem? Hier ist

Wollen, um den hintergrund Weichzeichnen auf twitter-bootstrap-modal laden. Der javascript-code funktioniert nicht

Anzahl der Antworten 3 Antworten
Website.Master <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication1.SiteMaster" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head runat="server"> <title></title> <script src="/js/jquery-2.1.0.js" type="text/javascript" ></script> <script src="/js/bootstrap.js" type="text/javascript" ></script> <script src="/Scripts/Site.js" type="text/javascript"></script> <link rel="Stylesheet" href="css/bootstrap.css" type="text/css"

Align li-element nach rechts

Anzahl der Antworten 2 Antworten
Will ich bewegen meine li-Elemente nach rechts, ich schaute auf andere Lösungen, aber Sie funktionieren nicht. li.right{ text-align: right;} funktionieren sollte, aber vielleicht ist es abgebrochen, die von früheren css ? <body> <nav class="navbar navbar-default navbar-fixed-top"> <div

Bootstrap-Karussell / Preload images

Anzahl der Antworten 1 Antworten
Habe ich gesucht, aber nicht finden konnten, einen Weg zu finden, Bilder Vorausladen mit Bootstrap Carousel. Ich bin den Aufbau einer portfolio-Website mit einer Menge von Bildern, und jetzt Bootstrap carousel funktioniert, nachdem alle Bilder geladen sind.

ASP.NET MVC, Bootstrap Tabellen, Werte für jede Spalte

Anzahl der Antworten 3 Antworten
In ASP.NET MVC habe ich eine Aktion, die nimmt Benutzereingaben über Zeilen und Spalten, und dann navigiert zu den Maßnahmen, die generiert die erforderlichen Anzahl der Zeilen und Spalten basierend auf die Eingabe des Benutzers, wie unten

Bootstrap-Tabelle mobile responsive

Anzahl der Antworten 2 Antworten
Ich habe eine bootstrap-Tabelle, die ich versuche zu machen, mehr "mobile-friendly." Alles, was ich versucht habe sieht erbärmlich. Ich bin neugierig, was die meisten Menschen tun das wirklich machen, gibt es Tabellen, die gut Aussehen auf einem

PHP-Login-Form In Bootstrap 3 Modal

Anzahl der Antworten 1 Antworten
Habe ich begonnen, erstellt ein login-Formular in ein Bootstrap modal, habe ich bereits den code für das modale (einfache bootstrap-modal), und ich habe den PHP-code, um die Anmeldung abzuschließen, auf einer separaten Seite (login.php), aber ich würde

twitter Bootstrap Collapse-Menü funktioniert nicht

Anzahl der Antworten 1 Antworten
Arbeite ich mit der starter-template gefunden hier für Bootstrap. Die css rendert gut, aber wenn die Seite minimiert ist, wird das Klapp-Menü funktioniert nicht. DH, wenn ich auf die minimieren-Schaltfläche, passiert nichts. Hier ist der code, den

Laravel 4 mit bootstrap-datepicker

Anzahl der Antworten 2 Antworten
Bin ich mit Laravel PHP-Framework mit Bootstrap. Ich will wissen, wie legen Sie einen datepicker in einem Formular. Ich habe bereits die bootstrap-datepicker installiert, aber weiß nicht, wie ich verwenden. Hier ist der code von meinem Formular:

Bootstrap responsive css und/oder viewport-Problem/bug bei rotation des Geräts

Anzahl der Antworten 2 Antworten
Habe ich momentan noch ein problem in meiner website http://www.peterfox.me, Wann immer Sie es betrachten, es mit einem mobilen Gerät (iPhone, Nexus 4) drehen Sie den Bildschirm scheint zu Schrauben, bis die Größe der Körper/html, ist das

Bild-hover-Beschriftung mit zoom-Effekt in der bootstrap

Anzahl der Antworten 1 Antworten
Ich bin nicht in der Lage zu richten-Bild auf die Breite der Beschriftung, die mit der Aufrechterhaltung der Gosse Breite. Ich benutze bootstrap, und auch das Bild fließt, ist außerhalb des div auf hover. Kann mir jemand

FuelUX-Assistenten-Komponente - wie Sie manuell wählen Sie die aktiven Schritt?

Anzahl der Antworten 7 Antworten
Ich bin nicht zu sehen, keine Dokumentation für diese. Wie Sie manuell auswählen, welche panel ist aktiv in die wizard-Komponente? Ich weiß, es ist irgendwo da drin, da können Sie klicken Sie auf eine der Registerkarten, wenn

Ist es möglich, wählen Sie die Stapelreihenfolge von überspannt?

Anzahl der Antworten 1 Antworten
Bin ich ein Projekt starten mit Twitter Bootstrap, und ganz wie die responsive css, so dass die Spannweiten stack auf der jeweils anderen, wenn der viewport kleiner wird. Gegeben, das folgende design: http://jsfiddle.net/kJp6J/1/ Ist es möglich zu