Als «twitter-bootstrap» getaggte Fragen

Bootstrap ist ein Front-End-Framework, mit dem die Entwicklung von Web-Apps und Websites angekurbelt werden soll. Bei Fragen zu einer Version von Bootstrap verwenden Sie auch das Tag der jeweiligen Version aus den Tags "twitter-bootstrap-2", "twitter-bootstrap-3" und "bootstrap-4".

8
Bootstrap 4, Wie kann ich eine Schaltfläche zentrieren?
<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Ich kann …

5
Bootstrap Dropdown-Blase rechts ausrichten (nicht rechts drücken)
Ich habe einen Warenkorb in meinem Hauptmenü push-rightund mein Problem ist, dass die Dropdown-Blase aus der Seite fällt. Ich versuche, die Blase nach rechts auszurichten, sodass sie mit "Klicken" nach rechts ausgerichtet ist. so was HTML: <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF …

7
Wie kann man mit Bootstrap einen Link auf eine Schaltfläche setzen?
Wie würde man einen Link auf eine Schaltfläche mit Bootstrap setzen? In der Bootstrap-Dokumentation gibt es 4 Methoden: <a href="#" class="btn btn-info" role="button">Link Button</a> <button type="button" class="btn btn-info">Button</button> <input type="button" class="btn btn-info" value="Input Button"> <input type="submit" class="btn btn-info" value="Submit Button"> Der erste funktioniert bei mir nicht, es werden keine Schaltflächen …

3
Bootstrap-Zeile mit Spalten unterschiedlicher Höhe
Ich habe derzeit so etwas wie: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Angenommen, contentes handelte sich um Boxen unterschiedlicher Höhe mit derselben Breite - wie könnte ich das gleiche "gitterbasierte Layout" beibehalten und dennoch alle …

8
Wie zentriere ich die Twitter-Bootstrap-Registerkarten auf der Seite?
Ich verwende Twitter-Bootstrap, um umschaltbare Registerkarten zu erstellen. Hier ist das CSS, das ich benutze: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Dieses HTML zeigt die Registerkarten korrekt an, wird jedoch nach links gezogen (was eigentlich passieren soll). …

8
Richten Sie zwei Divs mithilfe von Bootstrap-CSS horizontal nebeneinander in der Mitte der Seite aus
Bitte beziehen Sie sich auf den folgenden Code, was ich versucht habe <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> Ausgabe : First Div SecondDiv Erwartete Ausgabe : First Div Second Div Ich möchte die beiden Divs mit Bootstrap-CSS horizontal mittig zur Seite ausrichten. Wie kann ich das …

11
Bootstrap - Entfernen von Polstern oder Rändern, wenn die Bildschirmgröße kleiner ist
EDITED: Vielleicht sollte ich fragen, welcher Selektor die Seitenpolsterung einrichtet, wenn der Bildschirm auf unter 480px Breite reduziert wird? Ich habe eine Weile in bootstrap-responsiveness.css gesucht, um dies zu finden, aber nichts scheint dies zu beeinflussen. Original Ich möchte grundsätzlich alle Standardauffüllungen oder Ränder entfernen, die für die Reaktionsfähigkeit auf …

18
Bootstrap Modal Issue - Scrollen wird deaktiviert
Ich habe ein Modal und innerhalb dieses Modals gibt es ein Dropdown-Menü, in dem große versteckte Inhalte angezeigt werden, die funktionieren. Wenn Sie nun das nächste Modal öffnen, das über dem ersten Modal gestapelt ist, und es schließen, wird das Scrollen auf dem darunter liegenden Modal deaktiviert. Ich habe ein …


21
Bootstrap schließen reaktionsschnelles Menü "on click"
Wenn Sie auf "PRODUKTE" klicken, schiebe ich ein weißes Div nach oben (siehe Anhang). Im reaktionsschnellen Modus (Handy und Tablet) möchte ich die reaktionsfähige Navigationsleiste automatisch schließen und nur den weißen Balken anzeigen. Ich habe es versucht: $('.btn-navbar').click(); auch versucht: $('.nav-collapse').toggle(); Und es funktioniert. In der Desktop-Größe wird es jedoch …

18
Hinzufügen eines offenen / geschlossenen Symbols zu Twitter Bootstrap Collapsibles (Akkordeons)
Ich habe diese einfache Version des Bootstrap- Akkordeons eingerichtet : Einfaches Akkordeon: http://jsfiddle.net/darrenc/cngPS/ Derzeit zeigt das Symbol nur nach unten , aber weiß jemand, welche JS implementiert werden muss, um die Klasse des Symbols in Folgendes zu ändern: <i class="icon-chevron-up"></i> ... so dass er zeigt nach oben , wenn erweitert …

18
Wie halte ich den aktuellen Tab mit Twitter-Bootstrap nach einem erneuten Laden der Seite aktiv?
Ich verwende derzeit Registerkarten mit Twitter Bootstrap und möchte dieselbe Registerkarte auswählen, nachdem ein Benutzer Daten gepostet und die Seite neu geladen hat. Wie wird das gemacht? Mein aktueller Aufruf, die Registerkarten zu öffnen, sieht folgendermaßen aus: <script type="text/javascript"> $(document).ready(function() { $('#profileTabs a:first').tab('show'); }); </script> Meine Tabs: <ul id="profileTabs" class="nav …

7
Event-Handler für Twitter Bootstrap-Dropdowns?
Ich möchte eine Twitter Bootstrap Dropdown-Schaltfläche verwenden : <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> </ul> </div><!-- /btn-group --> Wenn der Benutzer den Wert der Schaltfläche in "Eine andere Aktion" ändert, anstatt einfach zu navigieren #, möchte ich …



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.