Als «twitter-bootstrap-4» getaggte Fragen

Ich bin noch nie darauf gestoßen, und es fällt mir sehr schwer, die Lösung zu finden. Wenn eine Spalte im Bootstrap wie folgt gleich mittel ist: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> Die Textausrichtung funktioniert einwandfrei: Aber wenn Sie die Spalte …

168 html  css  twitter-bootstrap  twitter-bootstrap-4  text-alignment 

Die neueste Dokumentation hat: <p class="mb-0">Lorem ipsum</p> Führen Sie das Code-Snippet ausHide resultsErweitern Sie das Snippet F: Was ist mb-0?

138 css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

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?

129 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  twitter-bootstrap-4 

Ich verwende Bootstrap 4. Ich habe versucht, den Pfeil in der Dropdown-Liste zu entfernen. Die Antworten, die ich für Bootstrap 3 gefunden habe, funktionieren nicht mehr. Die jsfiddle ist da . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" …

116 css  twitter-bootstrap  twitter-bootstrap-4 

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 …

105 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

Bei der Migration auf Bootstrap 4 tritt ein Problem mit den neuen versteckten / sichtbaren Klassen für reaktionsfähige Dienstprogramme auf . Ich bin mir bewusst , dass .hidden- Klassen wurden von v3 entfernt und ersetzt mit .hidden-*-up .hidden-*-down. Verwenden Sie die neuen .hidden-*-up.hidden-*-downKlassen, aber die Elemente ändern sich nicht in …

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

Hat Bootstrap 4 einen eingebauten horizontalen Teiler? Ich kann dies tun, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Aber ich möchte das eingebaute Bootstrap-CSS verwenden. Ich kann es nirgendwo in den Dokumenten finden. Vielleicht fehlt es mir.

94 html  css  bootstrap-4  twitter-bootstrap-4 

Bootstrap 4 verwendet Flex-Box für seine modalen Fußzeilen. Wenn ich zwei Tasten möchte, eine links und eine rechts, wie kann ich sie richtig einsetzen? Der folgende Code versucht, ein div.rowmit zu verwenden col-sm-6, funktioniert jedoch nicht. <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> <!-- Button trigger modal --> …

76 twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

Ich bin gerade auf Bootstrap 4 migriert und meine xs-Schaltflächen scheinen nicht mehr extra klein zu sein! Wenn Sie in den Dokumenten nach Schaltflächen in Bootstrap 4 suchen, wird die Option für besonders kleine Schaltflächen nicht angezeigt. Kann mir das jemand bestätigen? Vielen Dank!

73 twitter-bootstrap  twitter-bootstrap-4  bootstrap-4