Als «twitter-bootstrap-3» getaggte Fragen

Bootstrap 3 ist die dritte Generation des Front-End-Frameworks, das eine schnellere Webentwicklung mit einem attraktiven Erscheinungsbild ermöglicht. Verwendung mit dem Tag [twitter-bootstrap]

5
Bootstrap-Texteingabe in voller Breite in Inline-Form
Ich habe Probleme, ein Textfeld zu erstellen, das über die gesamte Breite meines Containerbereichs passt . <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> Wenn ich das oben genannte mache, sind die beiden Formularelemente …
6
Wie füge ich der Navigationsleiste in Bootstrap 3 ein Suchfeld mit einem Symbol hinzu?
Ich verwende den neuen Twitter Bootstrap 3 und versuche, ein Suchfeld wie dieses (unten) in der oberen Navigationsleiste zu platzieren : In Bootstrap 2 hätte es so aussehen können: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> Ich …
5
100% Breite Twitter Bootstrap 3 Vorlage
Ich bin ein Bootstrap-Neuling und habe eine 100% breite Vorlage, die ich mit Bootstrap codieren möchte. Die erste Spalte beginnt in der linken Ecke und ich habe eine Google-Karte, die sich ganz rechts erstreckt. Ich dachte, ich könnte das mit container-fluidUnterricht machen, aber das scheint nicht mehr verfügbar zu sein. …
13
Bootstrap 3: Nur für Spalte rechts ziehen
Neu in Bootstrap 3 .... In meinem Layout habe ich: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Ich möchte, dass die 'Elemente 2' NICHT direkt auf kleineren als farbigen Bildschirmen ausgerichtet werden. So effektiv, dass die Klasse nur für col-lg-6 nach …
8
Bootstrap 3.0 - Fluid Grid mit festen Spaltengrößen
Ich lerne, wie man Bootstrap benutzt. Derzeit watete ich mich durch Layouts. Während Bootstrap ziemlich cool ist, scheint alles, was ich sehe, veraltet zu sein. Für mein Leben habe ich ein grundlegendes Layout, das ich nicht herausfinden kann. Mein Layout sieht folgendermaßen aus: --------------------------------------------------------------------------- | | | | | | …
14
Bootstrap 3 Collapse Show Status mit Chevron-Symbol
Anhand des Kernbeispiels aus der Javascript- Beispielseite von Bootstrap 3 für Collapse konnte ich den Status des Collaps mithilfe von Chevron-Symbolen anzeigen. Ich habe diese Arbeit mit: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Dies funktioniert (nicht in allen Browsern vollständig getestet), aber ich frage mich, …
10
Bootstrap 3 Panel Header mit Tasten falsche Position
Ich verwende Bootstrap 3 und möchte einige Schaltflächen in der Bedienfeldüberschrift oben rechts hinzufügen. Wenn Sie versuchen, sie hinzuzufügen, werden sie unterhalb der Titelgrundlinie angezeigt. Code: http://bootply.com/82631 Was ist das fehlende CSS, das ich entweder zum Titel, zur Bedienfeldüberschrift oder zu den Schaltflächen hinzufügen sollte?
6
Bootstrap 3 - Warum ist die Zeilenklasse breiter als ihr Container?
Ich habe gerade angefangen, Bootstrap 3 zu verwenden. Es fällt mir schwer zu verstehen, wie die Zeilenklasse funktioniert. Gibt es eine Möglichkeit, das padding-leftund zu vermeiden padding-right? <div class="row" style="background:#000000"> <div class="col-xs-4 .col-xs-offset-1"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> </div> http://jsfiddle.net/petran/rdRpx/
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.