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.
Richten Sie die form in die Mitte, Bootstrap 4
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
Kann nicht Umschalten Navbar in der Bootstrap-4 im Winkel
4 Antworten
Warum kann ich nicht Umschalten, navbar, wenn die Anpassung der Handy-Bildschirm im Winkel 4 mit bootstrap 4. Ich habe es in das eckige cli-Skript und Stile, die node-Module von bootstrap. Gibt es etwas, was fehlt in meinem
Unterstreichen aktiv navbar links in der bootstrap-4
1 Antworten
Bin ich aktualisieren einer Webseite von bootstrap 3 zu 4 (beta). Die css, die ich verwendet, um zu unterstreichen aktiven Navigationsleiste links nicht mehr funktionieren. Stattdessen unterstreichen den Punkt, es unterstreicht die volle Breite der Seite. Wie
Bootstrap-4 Navbar Dropdown-Menü Die Elemente Rechts
4 Antworten
Wie Sie im Bild unten sehen, wenn ich auf das Glocken-Symbol ein dropdown-Menü erscheint in der unteren rechten Ecke des symbols. Ich möchte dieses dropdown-Menü, das erscheint unten Links anstatt unten rechts. Was soll ich tun? Wenn
Spalte Bestellung in der Bootstrap-4 mit push/pull col-md-12
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
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
datatables Klasse hinzufügen zu filtern
3 Antworten
Ich bin derzeit auf der Suche nach einer Methode zum hinzufügen eines zusätzlichen benutzerdefinierten Klasse, die das jQuery-datatables-Filter (Datensätze pro Seite und Suche) Diese Elemente Rendern wie folgt: <div id="DataTables_Table_0_length" class="dataTables_length"> <label> <select size="1" name="DataTables_Table_0_length" aria-controls="DataTables_Table_0"> <option
Wie verwende ich den Abstand Utility-Klassen, die auf Bootstrap 4
3 Antworten
In diesem Artikel ich sah Bootstrap 4 Abstand Utility-Klassen, und er verwendet m-b-lg im className. <div class="row"> <div class="col-sm-6 m-b-lg"> <!-- column-small-50%, margin-bottom-large --> </div> </div> Aber wenn ich es auf meteorjs mit reagieren nichts passiert. Bin
Modal Breite (erhöhen)
8 Antworten
Möchte ich einen modalen zu 80% oder so der Bildschirm breit ist. modal-lg ist nicht groß genug. Diese: .modal .modal-dialog { width: 80%; } Funktioniert nicht mit Bootstrap 4. In der bootstrap-3 benutze ich nur modal-lg und
Wie center-Karten in der bootstrap-4?
2 Antworten
Ich bin mit bootstrap-4 alpha 3. Ich will zentrieren Sie die Karte horizontal in der Mitte quer über die Seite. Preview /link: http://codepen.io/vaibhavsingh97/full/VjRAXW Ich habe versucht, all die verschiedenen Optionen aufgeführt, die auf dem bootstrap-4 Beispiel-Seite für
Wie kann ich center ein Bild im Bootstrap?
2 Antworten
Ich bin kämpfen, um center zu einem Bild ausschließlich mithilfe der Bootstrap-CSS-Klassen. Ich habe bereits versucht mehrere Dinge. Man war das hinzufügen von Bootstrap-CSS-Klasse mx-auto zu den img element, aber es tut sich nix. Hilfe ist willkommen.
bootstrap-4 pull-xs-Rechte nicht so funktioniert wie erwartet
2 Antworten
Habe ich diese html bootstrap-4-Dienstprogramme ziehen Sie die Schaltflächen auf der rechten Seite des Bildschirms. Und es dies tut. Jedoch die Knöpfe nicht nach unten drücken, den Inhalt weiter unten als erwartet. Sie überlagert oben auf den
col align rechts
2 Antworten
Ich versuche, erstellen Sie eine Zeile mit 2 Spalten. Einem col auf der linken Seite mit dem Inhalt, die Links ausgerichtet, und der zweite col, mit dessen Inhalt Rechtsbündig (alt-ziehen-rechts). Wie gehe ich, über dieses in der
So erstellen Sie eine Feste Seitenleiste layout mit Bootstrap 4?
2 Antworten
Ich versuche ein layout erstellen, wie der screenshot mit Bootstrap 4, aber ich habe einige Probleme mit der sidebar behoben und die Erreichung dieses layout an der gleichen Zeit. Geht mit einem einfachen Beispiel: <div class="container"> <div
Align-button auf der rechten Seite
6 Antworten
Ich weiß, das muss wirklich einfach, aber ich versuche mit einem button auf der rechten Seite des Fensters, die nur mithilfe von bootstrap 4 Klassen. Es muss in der gleichen Zeile wie den text. <html> <head> </head>
So ändern Sie das bootstrap-Grundfarbe?
7 Antworten
Ist es möglich, ändern Sie das bootstrap-primary-Farbe übereinstimmen, um die Marke Farbe? Ich bin mit bootswatch ' s Papier Thema in meinem Fall. Mögliche Duplikate von Wie ändern btn Farbe in Bootstrap Ja, einfach überschreiben, es in
Bootsrap 4, Wie kann ich die center-richten Sie eine Schaltfläche?
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"
Bootstrap-4-center-block nicht in der Lage zum Zentrum
3 Antworten
Habe ich die folgende bootstrap-html-code (seine JSX daher die className aber die Idee ist die gleiche): <div className="toggleView btn-group center-block" role="group" aria-label="Basic example"> <button onClick={this.handleTimelineClick} type="button" className={this.state.toggleCalendar == false ? "btn btn-secondary active" : "btn btn-secondary"}>Timeline</button> <button
Bootstrap-4-Datei Input
4 Antworten
Ich bin kämpfen mit bootstrap-4-Datei-browser. Wenn ich mit custom-file-Kontrolle, ich werde sehen, Wählen Sie "Datei" - Wert die ganze Zeit. https://v4-alpha.getbootstrap.com/components/forms/#file-browser Möchte ich um den Wert zu ändern wählen Sie die Datei, nachdem die Datei gewählt wurde.
Webpack nicht geladen bootstrap v4.0.0-beta
5 Antworten
Ich habe mir vor kurzem eine config mit webpack und bootstrap v4.0.0-alpha.6 das funktionierte gut, bis heute, als ich versuchte, zu ändern, zu v4 beta und jetzt kann ich nicht scheinen, um es richtig funktioniert 🙁 Ich
Inkompatible Einheiten: 'rem' und 'px' - Bootstrap 4 und Laravel-Mix
3 Antworten
Ich habe gerade installiert ein frisches Laravel 5.4 und bootstrap-4 alpha 6. Laravel mix nicht kompilieren SASS: Hier ist ein Fehler: Module build failed: ModuleBuildError: Module build failed: $input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;
Wie zu importieren popper.js?
6 Antworten
Scheint es zu sein, eine lahme Frage, aber ich kann nicht, um es herauszufinden. Wie zu importieren popper.js die kommt zusammen mit Bootstrap 4 beta? Ich benutze Laube und ich habe installiert Bootstrap-4-beta. Jetzt in bower_components Ordner
Center ein element in der Bootstrap-4 Navbar
7 Antworten
Egal was ich versuche, ich kann nicht center etwas in Bootstrap navbar irgendwelche Lösungen für? Ich habe versucht, indem ein div, mit margin:0 auto; oder margin-right:auto; margin-left:auto; verwendet center-block Klasse. Nichts funktioniert, warum ist es so schwer,
Wie zu verwenden Popper.js mit Bootstrap 4 beta
6 Antworten
Ich bin old school, so habe ich den Quellcode heruntergeladen, um 1.12.0 und dann Folgendes gemacht: <script src="/popper.js-1.12.0/dist/popper.js"></script> <script src="/bootstrap-4.0.0-beta/dist/js/bootstrap.js"></script> Aber ich bin immer: Uncaught SyntaxError: Unexpected token export on line 2294 wo es heißt: export default
Bootstrap -, Wie Sie die Rinne zwischen den Spalten
3 Antworten
Ich weiß nicht, ob die richtige Art und Weise, wie es zu tun, aber wie kann ich das entfernen 30px Rinne zwischen den Spalten? Aber ohne margin-left:-30px gesetzt. <div class='container'> <div class='row'> <div class='col-lg-1'></div> <div class='col-lg-1'></div> <div
Was ist das".auch' gleichwertige Klasse in der Bootstrap-4
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
Erhöhen bootstrap-dropdown-Menü Breite
6 Antworten
Frage mich, ob jemand irgendwelche Tipps, wie Sie erhöhen Sie die dropdown-Breite? Habe ich eine Zeile mit zwei Spalten mit ein wenig javascript, dass die Folien der dropdown-oben und unten, wenn ausgewählt. Das problem, das ich habe
Vertikale Ausrichtung in der Bootstrap-4
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
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
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 Beta importieren Popper.js mit Webpack 3.x wirft Popper ist kein Konstruktor
5 Antworten
So Bootstrap 4 Beta ist... yey! Allerdings Tether wurde ersetzt durch Popper.js für tooltip (und andere Funktionen). Ich sah einen Fehler geworfen in die Konsole schnell genug, um mich beraten von der änderung Popper.js: Bootstrap dropdown require
Bootstrap/flexbox-Karte: verschieben Bild nach Links/rechts auf dem desktop
2 Antworten
Ich versuche zu bauen, die folgende Karten-layout mit Bootstrap 4 mit flexbox aktiviert. Das Bild stammt von meinem aktuellen Umsetzung und es funktioniert wie erwartet. HTML-Struktur ist folgende: <section> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="card">
Bootstrap-4 Karten-deck, mit der Anzahl der Spalten basierend auf den viewport
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
Gestapelt zusammenklappbar navbar in der bootstrap-4
4 Antworten
Möchte ich eine zusammenklappbare navbar. Alles funktioniert, aber die nav items nicht gestapelt, unter einander so wie es sein soll. Sie sind horizontal neben einander. Code: <nav class="navbar navbar-light bg-faded" role="navigation"> <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#collapsing-navbar">
Fehlt sichtbar-** und versteckt-** in der Bootstrap-v4
6 Antworten
In der Bootstrap v3 verwende ich oft die versteckten -** - Klassen kombiniert mit clearfix Steuern mehrspaltigen layouts an verschiedene Bildschirm-breiten. Zum Beispiel, Konnte ich kombinieren mehrere versteckte-** in einem DIV zu machen, meine multi-Spalten korrekt angezeigt,
Bootstrap carousel mehrere Bilder auf einmal
10 Antworten
Dies ist der Effekt, den ich versuche zu erreichen, mit Bootstrap 3 carousel Statt nur mit einem Rahmen zu einer Zeit, zeigt es N-frames schieben Sie von der Seite. Wenn du dann die Folie (oder, wenn es
Offset-Spalten funktionieren nicht (Bootstrap v4.0.0-beta)
3 Antworten
Ich bin mit Boostrap 4(Bootstrap v4.0.0-beta) Beta und die Probleme mit entsprechenden Spalten. Früher habe ich verwendet zu tun offset-md-* und es hat funktioniert, mit BS4 Beta wird dieser entfernt und nach docs. Die neue Methode erwähnt,
Bootstrap 4: Uncaught ReferenceError: Popper ist nicht definiert
7 Antworten
Habe ich installiert Bootstrap-4 mit Knoten und Schlucken und wenn Sie die Anwendung ausführen, bekomme ich folgende Fehlermeldung Uncaught ReferenceError: Popper ist nicht definiert Ich habe nur mit dem Bootstrap grid-system so weit und ich habe nicht
Bootstrap v4 Datumsauswahl
3 Antworten
Ich bin mit Bootstrap V4 für meine neue website zu sehen, dass es in der Alpha. Aber ich kann nicht sehen, dass es datepicker.js in seiner build. Weiß jemand, ob diese aufgenommen werden, in V4? Wenn nicht,
Justify Schaltflächen mit Bootstrap v4
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 3: Ziehen Sie nur nach rechts für col-lg
12 Antworten
Neuen 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> Möchte ich die 'Elemente 2', um NICHT ausgerichtet werden, rechts auf kleiner als
Bootstrap 4 Tabellenspaltengröße
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
Wie man den Fehler behebt; 'Fehler: Bootstrap-Tooltips erfordern Tether (http://github.hubspot.com/tether/)'
23 Antworten
Ich bin mit Bootstrap V4 und der folgende Fehler wird protokolliert, in der Konsole; Fehler: Bootstrap tooltips benötigen Tether (http://github.hubspot.com/tether/) Habe ich versucht zu entfernen, die Fehler durch die Installation Tether-aber es hat nicht funktioniert. Ich habe
Zentrieren des Bildes im Bootstrap
3 Antworten
Ich m, die mit bootstrap 3.0 zum erstellen einer website. Ich bin neu auf bootstrap. was ich will, ich will Bild in der Mitte des div bei der browser-Größe extra klein ist habe ich diesen code. <div
Wie man Gutter Space für einen bestimmten div only - Bootstrap entfernt
9 Antworten
Den Standard-Bootstrap-grid-system verwendet 12 Spalten mit jeweils einer Spannweite haben 30px Dachrinne als unten. Dachrinnen sind die Leerzeichen zwischen den Spalten. Dachrinne Breite scheint zu sein, zwischen 20px - 30px. Nehmen wir an, es 30px hier. Möchte
Wie kann man Bootstrap 4 Karten in Kartensäulen auf die gleiche Höhe bringen?
9 Antworten
Ich bin mit Bootstrap-4 alpha-2-und nutzen auf den Karten. Speziell arbeite ich mit dieses Beispiel entnommen aus der offiziellen Dokumentation. Wie Titel schon sagt, wie kann ich alle Karten die gleiche Höhe? EDIT: Alle, an die ich
Wie man Bootstrap 4 mit SASS in Angular verwendet
4 Antworten
Möchte ich die Verwendung von Bootstrap 4 mit SASS in einem Winkel(4+) - Projekt erstellt, mit Winkel-CLI. In allem muss ich: verwenden Sie SASS statt CSS sowohl als Globale Stil-und Component-Stil kompilieren Bootstrap-SASS-Quelle zusammen mit meinem custom
Entfernen von Padding Gutter aus Rasterspalten in Bootstrap 4
5 Antworten
Wie erstellen Sie eine gutterless grid in bootstrap 4? Ist es eine offizielle API für das entfernen der Dachrinne oder ist es manuelle? InformationsquelleAutor der Frage Blair Anderson | 2016-04-04
Richten Sie das Bootstrap-Badge in der Überschrift vertikal aus
2 Antworten
Wenn ich mit einem Bootstrap - badge im inneren der Position wie h1,h2,h3 ist die vertikale Ausrichtung aus. Die badge richtet nach unten von dem text der überschrift. Ich würde gerne das Abzeichen ausrichten vertikal zentriert mit
Bootstrap 4: Das Dropdown-Menü wird auf der rechten Seite des Bildschirms angezeigt
1 Antworten
Ich kann nicht scheinen, um die drop-down-Elemente nicht von der Seite. Ich versuchte ein paar Dinge aus BS3, aber Sie scheinen nicht zu funktionieren. Ich bin mir nicht sicher, ob seine, weil die ml-auto. (ignorieren Sie die