Tag: twitter-bootstrap-3

Bootstrap 3 ist die Dritte generation des front-end-framework ermöglicht eine schnellere web-Entwicklung mit einem attraktiven look and feel. Verwenden Sie mit dem [twitter-bootstrap] – tag

Anhängen Klicken Sie auf Ereignis, um Bootstrap-Umschalten-Radio-Buttons

Anzahl der Antworten 1 Antworten
Ich habe eine boostrap Umschalten mit dem code unten. Es ist optisch richtig <div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary active"> <input type="radio" name="options" id="showBuildQuantity" autocomplete="off" checked>Build Quantity </label> <label class="btn btn-primary"> <input type="radio" name="options" id="showNumberOfScreens" autocomplete="off" onclick="showBuildQuantity()">Number

White space/ bar am unteren Rand der Seite

Anzahl der Antworten 2 Antworten
Bemerkte ich, dass meine web-Seite hat eine weiße Raum/bar direkt nach der Fußzeile und am unteren Rand der Seite: Habe ich versucht, die Ursache zu finden, indem die inspect element in Chrom und kann nichts finden. Ich

zum deaktivieren von bestimmten Datumsbereich in der bootstrap-daterangepicker?

Anzahl der Antworten 2 Antworten
Möchte ich deaktivieren bestimmten Datumsbereich in der bootstrap-daterangepicker. Muss ich die Verwendung von bootstrap daterangepicker was bietet mir die option, die Einschränkung der bestimmten Datumsbereich. Haben Sie müde minDate und maxDate aus Dokument? eigentlich will ich es

Bootstrap ziehen-richtig Klasse

Anzahl der Antworten 2 Antworten
<th>Cars <i class="fa fa-sort-asc pull-right"></i></th> Wenn ich mit bootstrap ist pull-right Klasse richtet Sie das Symbol in meinem th an der oberen rechten Ecke, und entfernen pull-right richtet das Symbol zentriert, vertikal an der linken Seite, aber

Bootstrap-inline-Formular-Steuerelemente alle wrap in der gleichen Zeit wie Ihre container immer schmaler. Wie bringe ich Sie zum wickeln individuell?

Anzahl der Antworten 1 Antworten
Habe ich fummelte mit CSS (vor allem display und line-height) zu zwingen ihn in die Unterwerfung, aber ich Frage mich ist so etwas schon gebaut, der in den Rahmen? Hier ist ein Beispiel: http://jsfiddle.net/marvhen/MeB6g/19/ <p>WITH BOOTSTRAP: The

Bootstrap 3 dropdown-Ereignisse nicht auslösen.

Anzahl der Antworten 2 Antworten
Ich versuche zu bekommen eine gezeigt Ereignisses, das ausgelöst wird beim dropdown-Menü in dieser Website läuft auf BS3.0 http://hmelius.com/avant/index.php Ich habe versucht, diesen code in die Konsole (aus der BS3-Dokumentation Seite), aber nicht mit Glück $('.dropdown-toggle').on('shown.bs.dropdown', function

Hinzufügen von benutzerdefinierten hintergrund Bild, span, innen bootstrap-button?

Anzahl der Antworten 2 Antworten
Ich verwenden möchten, die benutzerdefinierte icon als Hintergrundbild innerhalb Spanne für einen bootstrap toggle-button. Ist es möglich, es zu erreichen, ohne Verwendung von fontawesome oder glyphicons? CSS: .icon-search { background-image: url("https://dl.dropboxusercontent.com/u/23295105/search.png"); background-repeat: no-repeat; background-position: center center; }

Wie um zu verhindern, dass den Fokus verloren in der bootstrap-modal?

Anzahl der Antworten 3 Antworten
Haben Sie einen Blick auf die boostrap-Website selbst: http://getbootstrap.com/javascript/#modals-related-target Aber es hat nichts zu tun mit dem Thema dieses Absatzes, es öffnet ein modal mit einem input-Feld und versuchen Sie Folgendes: Konzentrieren Sie sich ein Eingabefeld, geben

How to get checkbox-label auf der linken checkbox

Anzahl der Antworten 3 Antworten
Ich habe den folgenden code: <div class=checkbox> <label><input type="checkbox" id="foo">My Label</label> </div> <div class=checkbox> <label><input type="checkbox" id="bar">Another Longer</label> </div> <div class=checkbox> <label><input type="checkbox" id="baz">Less than lng</label> </div> hierdurch werden in bootstrap 3 mit dem label auf der

jQuery click funktioniert nicht in iOS?

Anzahl der Antworten 1 Antworten
Habe ich Hinzugefügt einige einfache javascript zu einer Seite: jQuery(document).click(function(){ alert('click'); }); ...und es feuert nur bei iOS, wenn jemand Klicks auf eine tatsächliche Anker-element button-element, oder auf etwas mit cursor: pointer; CSS. Speziell, sehe ich dies

bootstrap modal hintergrund schwarz

Anzahl der Antworten 1 Antworten
beim öffnen des modalen hintergrund schwarz anstatt Deckkraft auf 0.5 oder so. was kann ich tun um dies zu beheben ? Ich benutze bootstrap 3.2 hier einige css: .fade.in { opacity: 1; } .modal-open .modal { overflow-x:

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"

Ändern Sie Schriftart Awesome Icon auf Klicken Sie auf, aber zurück zur ursprünglichen Symbol, wenn das nächste Element geklickt wird

Anzahl der Antworten 1 Antworten
Ich bin mit Bootstrap-3-Panel und angefügt haben die Font-Awesome Plus-und Minus-Symbole, um die panel-Elemente. Ich bin auf der Suche nach einer Möglichkeit mit Jquery zu ändern, das plus zu einem minus "onClick", dann, wenn ein anderes Fenster

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

Wie man die test-website in IE11 Kompatibilität?

Anzahl der Antworten 1 Antworten
Habe ich eine wordpress-website http://thecloudmouth.com. von Twitter bootstrap 3.0. Es funktionieren alle Browser ohne Internet Explorer 11. Es ist wirklich sehr frustration für mich. Bitte geben Sie mir Lösungen. Wie um zu überprüfen, IE11 von online-oder verwenden

Halten Bootstrap 3 Dropdown öffnen, wenn hat die Klasse active

Anzahl der Antworten 1 Antworten
Zunächst Hallo und vielen Dank. "Zweitens brauche ich bootstrap 3 dropdown Menü offen bleibt, wenn die dropdown-Klasse hat aktiv". Wenn jemand problem mit dieser unten ist die Lösung Dank @Luceos <ul class="nav navbar-nav"> <li><a href="#">1</a></li> <li><a href="#>2</a></li>

Recolor bootstrap-datetimepicker

Anzahl der Antworten 2 Antworten
Ich bin mit bootstrap-datetimepicker und ich wan ' T, um zu färben .today Flagge, aber ich kann nicht finden, Recht css selector. Dies ist, was ich habe: #datetimepicker .dropdown-menu { td.active{ color: red; background-color: blue; } td.today:not(.active)

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>

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 3 Spalten neben einander?

Anzahl der Antworten 4 Antworten
Ich bin versucht, ein raster von responsive Bilder mit bootstrap 3, aber wenn ich versuche, legte Sie zusammen, einen an einem mit dem nachstehenden code in den letzten 2 Spalten geht hinunter Weg von den anderen Spalten

Wo kann ich Bootstrap transitions.js aus?

Anzahl der Antworten 5 Antworten
Ich würde gerne die Bootstrap Collapse-plugin. Zusammenbruch erfordert die übergänge plugin, um Sie in Ihr version von Bootstrap. Habe ich heruntergeladen bootstrap-3.3.7-dist.zip aber es enthält nicht transitions.js hier erwähnt: http://getbootstrap.com/javascript/#transitions Habe ich mir angeschaut, die Gitbub rep

Bootstrap 3 grid-system und col-lg

Anzahl der Antworten 2 Antworten
Ich versuche die Migration von bootstrap 2 zu 3, aber ich habe ein problem mit dem neuen grid-system in die col-lg-* statt span* Im lame in Englisch, so zeige ich mein problem auf Beispiele: Basis von bootstrap

So fügen ban-Kreis auf schweben deaktiviert Anker?

Anzahl der Antworten 1 Antworten
Habe ich ein Anker-tag ein, dass ich möchte, dass die ban-Kreis glyphicon angezeigt, wenn schwebte. Ich weiß, dass das hinzufügen der Behinderten-Klasse ändert sich nur das Aussehen und nicht die Funktionalität. Bitte beachten Sie, dass dieser link

Wie man ein PHP-Formular in einem modal

Anzahl der Antworten 3 Antworten
Habe ich diesen HTML-code für ein Formular in einem modalen (mit Bootstrap) <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="edit-user-modal-label" aria-hidden="true"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <form name="login_form" action="test.php" method="post" role="form"> <div class="modal-header"> <button type="button" class="close"

Hinzufügen von horizontalen scroll-bar für die bootstrap-modal-body mit <pre> - tag-Inhalte

Anzahl der Antworten 1 Antworten
Hier ist die Geige mit dem Thema. http://jsfiddle.net/sheth/YE9Sx/ Ich bin versucht zu haben, die tun einem text-viewer. Ich habe nicht den text als Dokument, sondern als ein JSON-array von Seiten und Zeilen. Ich beschloss mit Bootstrap Modal

Bootstrap 3 - gewusst wie: ausblenden der input-group-btn auf einem bestimmten Gerät

Anzahl der Antworten 2 Antworten
Ich ausblenden möchten ein input-group-btn angesehen, wenn Sie auf extra-kleine Geräte. Was ist der geeignete Weg, dies zu erreichen? Ich habe versucht, die folgenden: <div class="input-group"> <input type="text" class="form-control"> <div class="input-group-btn hidden-xs"> <button type="button" class="btn btn-default dropdown-toggle"

Position Modal-box in Twitter bootstrap-3

Anzahl der Antworten 1 Antworten
Ich bin versucht zu haben, einen Twitter-bootstrap 3 modal angezeigt, der fest an der oberen rechten Ecke des Körpers. Bisher habe ich versucht: position: fixed; right 0px (Links und oben funktioniert aber Recht hat keine Auswirkung) übersetzen:

Split bootstrap-Spalte in n Zeilen mit gleicher Höhe, Füllung Elternteil Höhe

Anzahl der Antworten 4 Antworten
Ich bin ganz neu bei Bootstrap, die ich habe Mühe mit der grid system, während es versucht zu reproduzieren, die folgende Vorlage: In diesem Beispiel habe ich 3 Spalten: ersten Spalten hält einige Infos/Bilder. Diese Spalte enthält

Bootrstap 3 - Liste Gruppe mit Akkordeon-Funktionalität

Anzahl der Antworten 1 Antworten
<div class="list-group" id="menu"> <a href="#" class="list-group-item" data-toggle="collapse" data-target="#sm" data-parent="#menu">MESSAGES <span class="label label-info">5</span> <span class="glyphicon glyphicon-envelope pull-right"></span></a> <div id="sm" class="sublinks collapse"> <a class="list-group-item small"><span class="glyphicon glyphicon-chevron-right"></span> inbox</a> <a class="list-group-item small"><span class="glyphicon glyphicon-chevron-right"></span> sent</a> </div> <a href="#" class="list-group-item" data-toggle="collapse"

Passen Bild bootstrap navbar Höhe effizient

Anzahl der Antworten 2 Antworten
Ich würde gerne wissen, wie ein Bild zu machen, passen bootstrap navbar Höhe (anteilig), hier ist eine beschreibende Bild: Irgendeine Idee? Ich bin mit dieser Struktur: <nav class="navbar navbar-default"> <divclass="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#"> <img alt="Brand"

Links - und rechtsbündiger text in der gleichen Zeile in ein Bootstrap dropdown

Anzahl der Antworten 2 Antworten
Es ist üblich, für Menüs auf desktop-apps zeigen den Namen der Aktion auf der linken Seite und der Tastatur-shortcut auf der rechten Seite, wie diese. Will ich tun die gleiche Sache in ein Bootstrap dropdown-Menü. Allerdings kann

Spalte Bestellen in Bootstrap3 nicht wie erwartet funktioniert

Anzahl der Antworten 2 Antworten
War ich dabei einige Experimente mit der Spalte bestellen in Bootstrap 3 und stieß auf dieses problem. Wie kann ich das erreichen der folgenden Reihenfolge: XS: 123 SM: 231 MD: 312 LG: 123 Dies ist, was ich

Bootstrap-bs-B.

Anzahl der Antworten 2 Antworten
Ich kopiert CSS-code für bs-Beispiel aus der Bootstrap 3.0.3 docs Website. Ich bin ein bisschen ein Anfänger mit CSS, also wenn jemand erklären könnte, mir diese würde ich dankbar sein. Folgenden code: /* Echo out a label

die Steuerung der Höhe des Karussells Größe

Anzahl der Antworten 2 Antworten
Ich versuche, um sicherzustellen, dass meine Karussell-Größe gleich bleiben, in Bezug auf die Höhe. Ich bin mit verschiedenen Bildern, und ich verstehe die Größe des Bildes unterschiedlich sind, aber nicht wissen, wie die Kontrolle der Höhe des

Bootstrap horizontal scrollen

Anzahl der Antworten 2 Antworten
Ich benutze den folgenden HTML-code: <div id="list"> <div class="row"> <div class="col-md-3">1</div> <div class="col-md-3">2</div> <div class="col-md-3">3</div> <div class="col-md-3">n-times</div> </div> </div> So, ich brauche die Anzeige einer Zeile mit infinity-Spalten, indem Sie Sie horizontal scrollen, am Ende der Seite.

Mit Grunt grunt-contrib-less) für die Erstellung von Bootstrap 3.1 WENIGER in Visual Studio 2013

Anzahl der Antworten 1 Antworten
Ich Folgendes als pre-build-Ereignis in Visual Studio 2013 kompilieren Bootstrap 3.0 mit Aussparung nach diese Antwort und es funktionierte recess "$(ProjectDir)Content\bootstrap\bootstrap.less" --compress > "$(ProjectDir)Content\bootstrap-compiled.css" Nun funktioniert das nicht bei Bootstrap 3.1.1 und Sie sagen Grunt wird es

Taste toggle-horizontal mit bootstrap

Anzahl der Antworten 2 Antworten
Ich versuche eine Schaltfläche zum erweitern/reduzieren-horizontal andere Elemente(share-buttons) und inline mit dem bootstrap-framework Ich versage auf zwei Dinge: Nicht mit einer Taste erweitern Sie die anderen Elemente inline und nach der eigentlichen Taste + Wenn es kollabieren

Bootstrap 3 Jumbotron fluid Höhe nach auf responsive image innerhalb

Anzahl der Antworten 1 Antworten
Ich habe eine jumbotron, in denen es eine DIV. Das DIV-Element enthält ein Bild, das gesetzt wird, zu reagieren, wie unten: <div class="jumbotron"> <div id="header" class="container"> <div class="header-photo"> <img src="img/pic.png"class="img-responsive"> </div> </div> </div> Und die folgenden CSS...

bootstrap 3-Spalten-layout, die wichtigsten Inhalte vor zwei Seitenleiste

Anzahl der Antworten 1 Antworten
Mit Bootstrap, für die beiden linken und rechten Seitenleiste, 3 Spalten layout, wir wissen nicht, wie das Bearbeiten der css, um den wichtigsten Inhalt oberhalb der beiden Seitenleisten, bitte beraten, wie zu tun, Dank. Wir haben versucht

Bootstrap 3 RC1 - Ändern navbar Farbe

Anzahl der Antworten 3 Antworten
Ich möchte den Bootstrap 3 navbar Farbe aus dem Standard-Grau #5e00ff. Der Abschnitt anpassen der Bootstrap steht noch nicht zur Verfügung - wie man es manuell machen? Wie sind die Dateien aufgebaut? Sind Sie auf der Suche

Mehrere Parameter übergeben, um event-Handler Reagieren

Anzahl der Antworten 2 Antworten
So, ich bin versucht, zu reagieren, arbeiten mit ES6-syntax. In ES5 ich hatte setInitialState ohne einen Konstruktor, arbeitete mit der Funktion verbindliche syntax. Ich habe eine Liste der Preise, die ist willkürlich und ich will den Zustand

Wie die Verwendung von Bootstrap 3 grid-wenn Elemente sind Fliesen mit verschiedenen Höhen und breiten

Anzahl der Antworten 1 Antworten
Habe ich verwendet Bootstrap 3 für ein paar Projekte vor kurzem, und Liebe die Art und Weise, wie einfach es funktionieren kann. Dennoch habe ich jetzt einige Fragen, wo ich nicht wirklich weiß, wie es zu benutzen.

Bootstrap 3 und mmenu

Anzahl der Antworten 1 Antworten
Ich würde gerne verwirklichen mmenu zu Bootstrap 3, aber ich bin stecken. Ich will die top-navigation und kollabieren, wenn ich will, es zu ändern nach Links Schiebe-Menü. Vielen Dank im Voraus für die Hilfe. EDIT: ich habe

Glatt-scrolling, Bootstrap 3

Anzahl der Antworten 2 Antworten
Ich bin mit einigen Problem versucht zu haben, eine glatte Blättern Sie in der Seite meine, im Grunde habe ich anchor tags, die auf einer Seite wie dieser: <li><a href="#description">Module Description</a></li> ... <section id=" description "> Und

Schaffung eines ansprechenden Teiler (vertikal/horizontal) in der Bootstrap

Anzahl der Antworten 5 Antworten
Bin ich kämpfen ein bisschen mit der Erstellung eines responsive-Teiler in der Bootstrap. Durch responsive-Teiler meine ich eine Trennlinie, die senkrecht auf großen Bildschirmen und horizontal auf kleineren Bildschirmen. Vertikale Teiler: Horizontale divider: Danke für das hinzufügen

Hinzufügen Bootstrap Tooltip zu einem <span> in einem <div>?

Anzahl der Antworten 2 Antworten
Habe ich eine Spanne innerhalb eines div-und ich versuche, fügen Sie ein Bootstrap 3 tooltip zu: <div style="display:inline-block;margin-right:10px;"> <h3> <span class="label label-default"> Chickens: <span style="color:#fff;">3</span> </span> </h3> </div> Wie bekomme ich diese zu arbeiten? Welchen Teil dieser

BootstrapTable - dynamisches hinzufügen und löschen von Zeilen

Anzahl der Antworten 2 Antworten
Ich bin mit BootstrapTable plugin. Ich möchte dynamisch hinzufügen und entfernen einige Zeilen. Mein problem ist, dass jedes mal, wenn ich eine neue Zeile hinzuzufügen, geben Sie einige Zeichen in die Eingänge und dann entfernen Sie einige

Bootstrap: die Richtige Art und Weise der Verknüpfung von JavaScript-Dateien im HTML-layout

Anzahl der Antworten 5 Antworten
Ich bin noch neu auf dem web-Entwicklung, und ich gebe zu, ich bin nicht gut in der Gestaltung, so dass ich stützte sich schwer auf Bootstrap ist schön, CSS für das styling der Tabellen, dropdowns ,etc., .Wie

Zeigen/Verbergen von div-Verwendung von bootstrap-checkbox - Eingänge erfordern nur eingegeben werden, wenn der checkbox überprüft wird

Anzahl der Antworten 3 Antworten
Ok, ich habe ein echt komisches problem mit einer checkbox, die zusammenbricht, ein verstecktes div mit bootstrap. wenn ich data-toggle="Zusammenbruch" in der checkbox-input-Attribut Abschnitt der Div Zusammenbricht, aber erfordert, dass jeder einzelne von den Eingängen innen ausgefüllt

Register mit bootstrap Spalten

Anzahl der Antworten 3 Antworten
Ich habe einen Kendo-Register, und ich versuche zwei divs mit der col-md-6 Klasse nebeneinander innerhalb eines Register-Elements. Anstatt 2 Spalten, stapeln Sie auf der jeweils anderen. Wenn ich jeden von Ihnen auf col-md-5 oder kleiner, Sie arbeiten