Tag: bootstrap-4

Bootstrap-4 ist die vierte große version des beliebten front-end-Komponente-Bibliothek. Das Bootstrap-framework unterstützt das erstellen von responsive, mobile-first Webseiten und web-apps.

Bootstrap 4 Center Vertikale und horizontale Ausrichtung

Anzahl der Antworten 4 Antworten
Ich habe eine Seite, wo nur die form vorhanden ist und ich möchte die form zur Platzierung in der Mitte des Bildschirms. <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"

Bootstrap 4 richtet die Navbar-Elemente nach rechts aus

Anzahl der Antworten 16 Antworten
Wie kann ich richten Sie eine navbar Element nach rechts? Möchte ich das login und register auf der rechten Seite. Aber alles, was ich versuchen scheint nicht zu funktionieren. Dies ist, was ich bisher versucht habe: <div>

Wie Verwenden von Bootstrap 4 in ASP.NET Core

Anzahl der Antworten 7 Antworten
Ich möchte update von Bootstrap in ASP.NET Kern mit NuGet. Ich habe diese: Install-Package bootstrap -Version 4.0.0 Es Tat hinzufügen der Abhängigkeiten aber wie füge ich es in mein Projekt jetzt? Was ist der Pfad für den

Wie macht man eine ganze Zeile in einer Tabelle als Link anklickbar?

Anzahl der Antworten 16 Antworten
Ich bin mit Bootstrap und Folgendes funktioniert nicht: <tbody> <a href="#"> <tr> <td>Blah Blah</td> <td>1234567</td> <td>£158,000</td> </tr> </a> </tbody> InformationsquelleAutor der Frage user1038814 | 2013-06-17

Ändern Sie die Farbe der Navbar in Twitter Bootstrap

Anzahl der Antworten 11 Antworten
Wie würde ich mich über das ändern der CSS ändern Sie die Farbe der navbar in Twitter Bootstrap? InformationsquelleAutor der Frage Jamal Khan | 2013-08-30

Bootstrap 4-reaktive Tabellen werden nicht 100% breit

Anzahl der Antworten 8 Antworten
Ich bin Aufbau einer web-app mit Bootstrap-4 und läuft in einige seltsame Fragen. Ich möchte nutzen Bootstrap-table-responsive-Klasse erlauben das horizontale scrollen von Tabellen auf mobilen Geräten. Auf desktop-Geräten sollte die Tabelle bis zu 100% des enthaltenden DIV-Breite.

Wie kann ich meine Twitter-Bootstrap-Schaltflächen rechtsbündig ausrichten?

Anzahl der Antworten 15 Antworten
Habe ich eine einfache demo hier: 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> Habe ich eine ungeordnete Liste und für jede Liste möchte ich auf den text auf der linken Seite

Bootstrap 4 img-circle Klasse funktioniert nicht

Anzahl der Antworten 1 Antworten
Schreibe ich eine website in HTML5 und Bootstrap-4 und ich bin versucht zu drehen, ein quadratisches Bild in einem Kreis. In Bootstrap 3 war dies ganz einfach tun können mit .img-circleaber jetzt kann ich nicht scheinen, um

Bootstrap 4 Change Hamburger Toggler Farbe

Anzahl der Antworten 5 Antworten
Ich habe eine bootstrap-website, wo die Hamburger Hinzugefügt wird, wenn der Bildschirm weniger als 992px haben. Der HamBurger code ist wie so <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

Wie verwende ich Bootstrap 4 flexbox um den verfügbaren Inhalt zu füllen?

Anzahl der Antworten 6 Antworten
Ich habe eine eckig-app, die mithilfe von bootstrap 4. Ich habe eine nav-bar, der klebt an der Spitze, und möchte ich hinzufügen, dass Inhalte, die füllt den restlichen Platz im browser. Abgesehen von der Navigationsleiste am oberen

Linke Ausrichtung und rechte Ausrichtung innerhalb von div in Bootstrap

Anzahl der Antworten 6 Antworten
Was sind einige der häufigsten Wege, Links ausgerichtet text und Rechtsbündig einige andere text innerhalb eines div-container im bootstrap? z.B. Total cost $42 Über der Summe der Kosten sollte Links ausgerichtet text und $42 ist rechts ausgerichtet

Zentrieren Sie den Inhalt in einer Spalte in Bootstrap 4

Anzahl der Antworten 4 Antworten
Brauche ich Hilfe um das problem zu beheben, muss ich, um die Mitte der Inhalt in die Spalte bootstrap4, bitte meinen code unten <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div> InformationsquelleAutor der

Bootstrap: Fügen Sie den Abstand zwischen den Spalten hinzu

Anzahl der Antworten 9 Antworten
Ich versuche einige zusätzliche margin/padding-space zwischen den Spalten auf meiner Bootstrap grid-layout. Ich habe versucht diese aber ich weiß nicht wie das Ergebnis. Hier ist mein code: <div class="row"> <div class="text-center col-md-6"> Widget 1 </div> <div class="text-center

Wie man ein 2-Säulen-Layout (Fixed-Fluid) mit Twitter-Bootstrap erstellt?

Anzahl der Antworten 3 Antworten
Ist es möglich, erstellen Sie eine 2-Spalten-Layout (Fest - Flüssig) Layout ( http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/) mit Twitter Bootstrap (http://twitter.github.com/bootstrap/)? Haben Sie irgendwelche Lösungen? InformationsquelleAutor der Frage mbecker | 2012-01-05

Vertikal Zentriert in Bootstrap 4

Anzahl der Antworten 6 Antworten
Ich versuche, mich zu zentrieren, meine Container in der Mitte der Seite mit Bootstrap 4. Ich habe bereits ohne Erfolg bisher. Jede Hilfe würde geschätzt werden. Ich gebaut habe, es bei Codepen.ioso dass Sie Jungs können spielen

Bootstrap 4 - Responsive Karten in Kartenspalten

Anzahl der Antworten 3 Antworten
Ich Spiele mit Bootstrap 4 und ich kann nicht finden, eine Lösung zu fügen Reaktionsfähigkeit-Karten, während in einem div mit class="card-columns" (diese Klasse gilt eine Mauerwerk-wie Effekt auf die Karten, die innerhalb des div mit dieser Klasse).

Responsive Website auf Handy in voller Breite ausgezoomt

Anzahl der Antworten 2 Antworten
Ich bin testen Bootstrap Reaktionsfähigkeit navbar und ich habe eine demo website. Wenn ich die Größe des browser auf einem desktop-PC, alles funktioniert gut, einschließlich der nav-bar, die sich zusammenklappbaren Menü mit einem kleinen Symbol auf der

Wie kann man die Bootstrap-4-Schriftgröße erhöhen?

Anzahl der Antworten 2 Antworten
Ich bin mit bootstrap-4, in dieser version (bootstrap-4) Standard verwendet em oder rem für Schriftarten. Nun diese Frage ist, Wie erhöhe ich die font-size für alle viewport-Größe. denn jedes element ist auf der Suche sehr winzig. Gibt

Was ist der Unterschied zwischen col-lg- *, col-md- * und col-sm- * in Bootstrap?

Anzahl der Antworten 10 Antworten
Was ist der Unterschied zwischen col-lg-* , col-md-* und col-sm-* in Twitter Bootstrap? Kommentar zu dem Problem Siehe getbootstrap.com/css für die px Abmessungen der einzelnen. Kommentarautor: Josh Crozier das weiß ich aber auch nicht verstehen, es ist

So blenden Sie die kollabierbare Bootstrap 4-Navigationsleiste beim Klicken aus

Anzahl der Antworten 3 Antworten
Habe ich diese auch zerlegbar navbar mit Bootstrap 4, funktioniert gut, aber ich möchte es schließen, wenn der Benutzer auf einen link klickt. Jeder Weg, dies zu tun? Dank html-Navigation: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right"

Bootstrap 4 - Glyphicons Migration?

Anzahl der Antworten 6 Antworten
Haben wir ein Projekt, das verwendet glyphicons intensiv. Bootstrap v4 fällt die glyphicon Schrift insgesamt. Gibt es ein äquivalent für die icons im Lieferumfang Bootstrap V4? http://v4-alpha.getbootstrap.com/migration/ Kommentar zu dem Problem - Öffnen Sie können immer noch

Was ist mit den Klassen .pull-left und .pull-right in Bootstrap 4 passiert?

Anzahl der Antworten 8 Antworten
In der neuesten version der pull-left und pull-right ersetzt wurden .pull-{xs,sm,md,lg,xl}-{left,right,none} Das bedeutet, dass anstelle des Schreibens eines einfachen class="pull-right" habe, werde ich jetzt schreiben class="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" Gibt es eine weniger mühsame Weg, es

Bootstrap NavBar mit links-, zentrier- oder rechtsbündig ausgerichteten Elementen

Anzahl der Antworten 6 Antworten
In Bootstrap, was die meisten Plattform-freundliche Weg, um eine Navigationsleiste erstellen, die hat Ein Logo auf der linken Seite Menüelemente in der Mitte und Logo-B auf der rechten Seite? Hier ist, was ich bisher ausprobiert habe, und

Fünf gleiche Spalten in Twitter Bootstrap

Anzahl der Antworten 27 Antworten
Will ich haben gleich 5 Spalten auf einer Seite, ich bin Gebäude und ich kann nicht scheinen, um zu verstehen, wie die 5 Spalte raster verwendet wird, hier: http://web.archive.org/web/20120416024539/http://domain7.com/mobile/tools/bootstrap/responsive Ist die fünf-Spalte-raster, oben dargelegt, ein Teil des

Bootstrap-Reihe mit Spalten unterschiedlicher Höhe

Anzahl der Antworten 3 Antworten
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> Nun davon aus, dass content war Boxen verschiedener Höhe, mit

Bootstrap 4 mit Bower installieren

Anzahl der Antworten 4 Antworten
Habe ich generiert ein yeoman website und das kommt zusammen mit bootstrap 3, wie kann ich bootstrap installieren 4 statt. Die tutorials alle sagen,, einfach laufen "bower install bootstrap", aber das installiert nur bootstrap 3 wieder. Kommentar

Angular 4 Bootstrap Dropdown benötigen Popper.js

Anzahl der Antworten 1 Antworten
Habe ich einen frisch erstellten Winkel-4 CLI-app. Nach der Ausführung dieser: npm install [email protected] jquery popper.js --save und Bearbeiten .Winkel-cli.json-so: "styles": [ "styles.css", "../node_modules/bootstrap/dist/css/bootstrap.min.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.slim.min.js", "../node_modules/bootstrap/dist/js/bootstrap.min.js", "../node_modules/popper.js/dist/umd/popper.min.js" ], Ich habe immer noch ein Problem