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.
Ich benutze Bootstrap 4 Alpha 2 und nutze die Vorteile von Karten. Insbesondere arbeite ich mit diesem Beispiel aus den offiziellen Dokumenten. Wie kann ich alle Karten auf die gleiche Höhe bringen? Jetzt kann ich nur noch die folgende CSS-Regel festlegen: .card { min-height: 200px; } Dies ist jedoch nur …
In Bootstrap-3 gibt es eine .wellKlasse, die einen abgerundeten Rand um ein Element mit grauer Hintergrundfarbe und etwas Polsterung hinzufügt. <div class="well">Basic Well</div> Aber ich habe .wellin Bootstrap-4 keine Klasse gefunden. Gibt es ein Tag, das dem .wellin Bootstrap-4 entspricht?
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 …
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?
Ich entwickle eine Anmeldeseite, indem ich Text als Titel in die Navigationsleiste einfüge. Ich möchte diesen Texten verschiedene Farben geben. Zu diesem Zweck verwende ich eine separate CSS-Datei, möchte dies jedoch mithilfe der CSS-Datei von Bootstrap tun. Kann jemand die verfügbaren Farbklassen in Bootstrap auflisten?
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 …
Ich möchte Bootstrap in ASP.NET Core mit NuGet aktualisieren. Ich habe das benutzt: Install-Package bootstrap -Version 4.0.0 Die Abhängigkeiten wurden hinzugefügt, aber wie füge ich sie jetzt meinem Projekt hinzu? Was ist der Pfad für lokale NuGet-Abhängigkeiten?
Dies ist der Effekt, den ich mit dem Bootstrap 3-Karussell erzielen möchte Anstatt jeweils nur einen Frame anzuzeigen, werden N Frames nebeneinander angezeigt. Wenn Sie dann schieben (oder wenn es automatisch gleitet), verschiebt es die Gruppe von Folien wie es ist. Kann dies mit dem Karussell von Bootstrap 3 durchgeführt …
Ich kann nicht scheinen, die Dropdown-Elemente zu bekommen, um nicht von der Seite zu verschwinden. Ich habe ein paar Dinge von BS3 ausprobiert, aber sie scheinen nicht zu funktionieren. Ich bin mir nicht sicher, ob es am ml-auto liegt. (ignorieren Sie die if-else-Anweisungen) Hier ist der CodePen : <div class="container-fluid"> …
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 …
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?
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 …
Ich möchte, dass mein Inhalt flüssig ist, aber wenn ich ihn .container-fluidmit dem Bootstrap-Raster verwende, sehe ich immer noch Polsterung. Wie kann ich die Polsterung loswerden? Ich sehe, dass ich das Auffüllen mit .row nicht bekomme, aber ich möchte Spalten hinzufügen, und sobald ich es tue, ist das Auffüllen wieder …
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 …
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 …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.