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.



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 …

12
Bootstrap 4 Ändern Sie die Farbe des Hamburger Toggler
Ich habe eine Bootstrap-Website, auf der der Hamburger-Togler hinzugefügt wird, wenn die Bildschirmgröße weniger als 992 Pixel beträgt. Der Code ist wie folgt: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> Gibt es eine Möglichkeit, die Farbe des Hamburger-Umschaltknopfs zu ändern?


3
Bootstrap v4 Datepicker [geschlossen]
Geschlossen. Diese Frage entspricht nicht den Richtlinien für Stapelüberlauf . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so dass es beim Thema für Stack - Überlauf. Geschlossen vor 2 Jahren . Verbessere diese Frage Ich verwende Bootstrap V4 für meine neue Website, da …




9
So verstecken Sie die zusammenklappbare Bootstrap 4-Navigationsleiste beim Klicken
Ich habe diese zusammenklappbare Navigationsleiste mit Bootstrap 4 erstellt, die gut funktioniert, aber ich möchte, dass sie geschlossen wird, wenn der Benutzer auf einen Link klickt. Wie kann man das machen? Vielen Dank HTML-Navigationsleiste: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span …

10
Was ist mit den Klassen .pull-left und .pull-right in Bootstrap 4 passiert?
In der neuesten Version wurden Pull-Left und Pull-Right durch .pull- {xs, sm, md, lg, xl} - {left, right, none} ersetzt. Das heißt, anstatt ein einfaches class="pull-right"zu schreiben, muss ich jetzt schreibenclass="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" Gibt es einen weniger langwierigen Weg, dies zu tun?
103 bootstrap-4 

5
Reduzieren der Seitenleiste mit Bootstrap
Ich habe gerade diese Seite http://www.elmastudio.de/ besucht und mich gefragt, ob es möglich ist, den Zusammenbruch der linken Seitenleiste mit Bootstrap 3 zu erstellen. Code zum Reduzieren der Seitenleiste von oben (nur Telefon): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> Die Seitenleiste selbst hat die …


13
Bootstrap 4-reaktionsfähige Tabellen nehmen nicht 100% Breite ein
Ich erstelle eine Web-App mit Bootstrap 4 und stoße auf einige seltsame Probleme. Ich möchte die auf Tabellen reagierende Klasse von Bootstrap verwenden, um ein horizontales Scrollen der Tabellen auf Mobilgeräten zu ermöglichen. Auf Desktop-Geräten sollte die Tabelle 100% der Breite des enthaltenen DIV einnehmen. Sobald ich die auf .table …
96 css  bootstrap-4 

7
Dimensionierung der Tabellenspalte
In Bootstrap 3könnte ich col-sm-xxnach Belieben auf die thTags in den theadTabellenspalten anwenden und deren Größe ändern. Dies funktioniert jedoch nicht in Bootstrap 4. Wie kann ich so etwas in Bootstrap 4 erreichen? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> Wenn Sie sich …

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.