Als «bootstrap-4» getaggte Fragen

Bootstrap 4 ist die vierte Hauptversion der beliebten Front-End-Komponentenbibliothek. Das Bootstrap-Framework hilft bei der Erstellung von reaktionsschnellen Websites und Web-Apps, die zuerst auf Mobilgeräten verfügbar sind.



17
Wie kann ich meine Twitter Bootstrap-Schaltflächen richtig ausrichten?
Ich habe hier eine einfache Demo: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> Ich habe eine ungeordnete Liste und für jedes Listenelement möchte ich links Text und dann eine rechtsbündige Schaltfläche haben. Ich habe versucht, Pull-Right zu verwenden, aber dies bringt die Ausrichtung völlig …



30
Fünf gleiche Spalten im Twitter-Bootstrap
Ich möchte 5 gleiche Spalten auf einer Seite haben, die ich erstelle, und ich kann anscheinend nicht verstehen, wie das 5-Spalten-Raster hier verwendet wird: http://web.archive.org/web/20120416024539/http://domain7 .com / mobile / tools / bootstrap / responsive Wird das fünfspaltige Raster über einem Teil des Twitter-Bootstrap-Frameworks demonstriert?

21
Bootstrap 4 richtet die Navigationsleistenelemente rechts aus
Wie richte ich ein Navigationsleistenelement nach rechts aus? Ich möchte das Login haben und mich rechts registrieren. Aber alles, was ich versuche, scheint nicht zu funktionieren. Folgendes habe ich bisher versucht: <div>um die <ul>mit dem atribute:style="float: right" <div>um die <ul>mit dem atribute:style="text-align: right" versuchte diese beiden Dinge auf den <li>Tags …

15
Vertikales Ausrichtungszentrum in Bootstrap 4
Ich versuche, meinen Container mit Bootstrap 4 in der Mitte der Seite zu zentrieren. Bisher war ich nicht erfolgreich. Jede Hilfe wäre dankbar. Ich habe es bei Codepen.io erstellt, damit ihr damit spielen und mich wissen lassen könnt, was funktioniert, wenn ich Ideen habe ... Code-Snippet anzeigen var currentAuthor = …

9
Bootstrap 4 - Glyphicons Migration?
Wir haben ein Projekt, das Glyphicons intensiv nutzt. Bootstrap v4 löscht die Glyphicon-Schriftart vollständig. Gibt es ein Äquivalent für Symbole, die mit Bootstrap V4 geliefert werden? http://v4-alpha.getbootstrap.com/migration/

10
Fehlende sichtbare - ** und versteckte - ** in Bootstrap v4
In Bootstrap v3 verwende ich häufig die Klassen hidden - ** in Kombination mit clearfix, um mehrspaltige Layouts bei unterschiedlichen Bildschirmbreiten zu steuern. Zum Beispiel, Ich könnte mehrere versteckte ** in einem DIV kombinieren, damit meine mehreren Spalten bei unterschiedlichen Bildschirmbreiten korrekt angezeigt werden. Als Beispiel, wenn ich Reihen von …


23
So beheben Sie den Fehler; 'Fehler: Bootstrap-Tooltips erfordern Tether (http://github.hubspot.com/tether/)'
Ich verwende Bootstrap V4 und der folgende Fehler wird in der Konsole protokolliert. Fehler: Bootstrap-Tooltips erfordern Tether ( http://github.hubspot.com/tether/ ) Ich habe versucht, den Fehler durch die Installation von Tether zu beheben, aber es hat nicht funktioniert. Ich habe Tether durch Einfügen der folgenden Codezeilen "installiert". <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> <script …

11
Bootstrap 4 Vertikale und horizontale Ausrichtung zentrieren
Ich habe eine Seite, auf der nur ein Formular vorhanden ist, und ich möchte, dass das Formular in der Mitte des Bildschirms platziert wird. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" …

4
Die reaktionsschnelle Website wurde auf Mobilgeräten auf die volle Breite verkleinert
Ich teste die Navigationsleiste für die Bootstrap-Reaktionsfähigkeit und habe eine Demo- Website. Wenn ich die Größe des Browsers auf einem Desktop verändere, funktioniert alles einwandfrei, einschließlich der Navigationsleiste, die zum zusammenklappbaren Menü mit einem kleinen Symbol oben wird, auf das ich klicken kann, um weitere Menüschaltflächen anzuzeigen. Aber als 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.