Tag: twitter-bootstrap-4

btn-xs nicht mehr eine gültige option in der bootstrap-4?

Anzahl der Antworten 3 Antworten
Ich nur migriert bootstrap 4 und mein xs Tasten scheinen nicht mehr zu werden extra klein! Blick auf die docs für buttons in bootstrap 4 ich nicht sehen, die option für extra kleine Tasten? Kann das jemand

Richten Sie die form in die Mitte, Bootstrap 4

Anzahl der Antworten 3 Antworten
Ich versuche, richten Sie die form in die Mitte und halten es entgegenkommend. Ich habe versucht, mehrere Möglichkeiten, aber kein Erfolg. Ich versuche, mich zu zentrieren, den gesamten text und form. Ich bin mit Bootstrap v4. Ich

Spalte Bestellung in der Bootstrap-4 mit push/pull col-md-12

Anzahl der Antworten 3 Antworten
Ich habe zwei Spalten mit der Klasse col-md-12 jeder. In der desktop-Ansicht, die Sie anzeigen soll, wie: Col **1** Col **2** In der mobilen Ansicht das anzeigen soll, wie diese: Col **2** Col **1** Ist dies auch

Höhe der Spalten in der Bootstrap-4

Anzahl der Antworten 3 Antworten
Habe ich ein wenig nicht-konventionellen DIV in diesem design, wie unten gezeigt. Könnte ich eine Höhe und es tun, aber ich will es dynamisch zu ändern: Zum Beispiel, wenn das DIV-Element hat mehr Inhalt und der Höhe

Make Bootstrap Button Transparent

Anzahl der Antworten 3 Antworten
Wie mache ich mein button transparent? Ich habe versucht, zu verwenden .btn-transparent, aber kann nicht scheinen, um es zu arbeiten. Den button einfach immer Grau. <p> <!-- Search Button --> <div class="container3"> <div class="btn-group "> <button type="button"

Bootsrap 4, Wie kann ich die center-richten Sie eine Schaltfläche?

Anzahl der Antworten 2 Antworten
<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"

Wie verwenden von flex-grow in Bootstrap v4?

Anzahl der Antworten 1 Antworten
In der doc und die Probleme der Bootstrap v4 (hier) Ich kann nicht sehen, jeder plan auf die Unterstützung von "flex-grow", etwas mit einer syntax wie in diesem Beispiel: <div class="d-flex"> <div class="flex-grow"> I use all the

Was ist das".auch' gleichwertige Klasse in der Bootstrap-4

Anzahl der Antworten 4 Antworten
In der bootstrap-3 gibt es .gut Klasse, die fügt einen abgerundeten Rahmen um ein element mit einer grauen Hintergrundfarbe und einige padding. <div class="well">Basic Well</div> Aber ich habe nicht gefunden .well Klasse in der bootstrap-4. Da ist

Vertikale Ausrichtung in der Bootstrap-4

Anzahl der Antworten 1 Antworten
Ich habe folgende Konfiguration in der Bootstrap-4: Bootply link Das element mit den "Lieferanten" der text soll vertikal zentriert, ich habe verschiedene Zeilen mit dem gleichen code und ich möchte, dass Sie zentriert. Keine Lösung scheint für

Bootstrap-4 navbar mit 2 Zeilen

Anzahl der Antworten 2 Antworten
Habe ich eine Navigationsleiste mit Bootstrap-4 alpha 6, die eine große Marke/Symbol auf der linken Seite, und 2 navbar-nav ' s mit links, rechts neben dem Symbol. Eine nav-links, und den anderen nav-Symbole. Es funktioniert genau so,

Bootstrap-4 navbar Farbe

Anzahl der Antworten 4 Antworten
In der Bootstrap-4, wie gehe ich über das ändern der Hintergrundfarbe der navbar? Der code von twbscolor nicht funktioniert. Ich möchte die Hintergrundfarbe eine andere Farbe und die Schriftfarbe weiß. <nav class="navbar navbar-toggleable-md navbar-light bg-danger"> <button class="navbar-toggler

Bootstrap-4 Karten-deck, mit der Anzahl der Spalten basierend auf den viewport

Anzahl der Antworten 5 Antworten
Ich versuche, die Umsetzung der Karte-deck-Funktion in der bootstrap-4, um alle meine Karten die gleiche Höhe. Die Beispiele, die bootstrap bietet die Karte 4 nette Karten, aber 4 Karten auf der Zeile, unabhängig von der viewport. Finden

Justify Schaltflächen mit Bootstrap v4

Anzahl der Antworten 3 Antworten
Bootstrap v4 fällt die .btn-group-justified - Klasse finden Sie in https://github.com/twbs/bootstrap/issues/17631 Wie rechtfertigen Sie die-Taste für: <div class="btn-group btn-group-justified" role="group" aria-label="Justified button group"> <a class="btn btn-primary" href="#" role="button">Left</a> <a class="btn btn-primary" href="#" role="button">Middle</a> <a class="btn btn-primary" href="#"

Bootstrap 4 Tabellenspaltengröße

Anzahl der Antworten 6 Antworten
In bootstrap 3 ich anwenden könnte col-sm-xx zu den th - tags in der thead und ändern der Größe von Tabellenspalten. Allerdings funktioniert das nicht in der bootstrap-4. Wie kann ich etwas erreichen, wie dies in der

`col-xs- *` funktioniert nicht in Bootstrap 4

Anzahl der Antworten 2 Antworten
Habe ich nicht erlebt, und ich bin eine sehr harte Zeit versucht, um die Lösung zu finden. Wenn man eine Spalte gleich Mittel in der bootstrap-etwa so: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center">

Bootstrap 4 responsive Dienstprogramme sichtbar / versteckt xs sm lg funktioniert nicht

Anzahl der Antworten 3 Antworten
Habe ein Problem mit der neuen responsive utilities versteckt /sichtbar-Klassen bei der Migration zu Bootstrap-4. Ich bin mir bewusst, dass .hidden - Klassen wurden entfernt von v3 und ersetzt mit .hidden-*-up .hidden-*-down. Mit dem neuen .hidden-*-up.hidden-*-down Klassen,

Wie entferne ich den Pfeil im Dropdown-Menü in Bootstrap 4?

Anzahl der Antworten 10 Antworten
Ich bin mit Bootstrap 4. Ich habe versucht, entfernen den Pfeil in der dropdown-Liste. Den Antworten fand ich für Bootstrap 3 nicht mehr funktionieren. Dem jsfiddle ist hier. <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1"

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

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).

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"