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 Seitenumbruch in Spalte
3 Antworten
Ich bin mit Bootstrap 4 und dem Versuch, eine horizontal-center ein pagination UL innerhalb einer grid-Spalte. Nun, dass die pagination ist display:flex ich nicht bekommen kann es richtig zu zentrieren. Möchte ich verwenden nur bestehende Bootstrap-Klassen w/o
Warum gibt es keine vertikale Abstand zwischen den Bootstrap-4 Zeilen
1 Antworten
Ich versuche, die Umstellung von Bootstrap 3, Bootstrap 4. Bootstrap 3 vertikale Abstand zwischen Zeilen standardmäßig, aber dies ist nicht der Fall in der Bootstrap-4. Kann mir bitte jemand erklären, warum? Oder bin ich etwas fehlt in
bootstrap-4 Stil wählen
2 Antworten
ich würde gerne die Anzeige eines dropdown /select als input mit bootstrap 4. so weit, die nur wählen, was ich in der Dokumentation tritt diese. das funktioniert zwar, sieht aber nicht sehr wie bootstrap und unterstützt keine
Bootstrap4 radio-button-hintergrund-und Füllfarbe
0 Antworten
Ich Frage mich, wie kann ich das ändern Bootstraps radio-button Hintergrundfarbe und Füllfarbe? <div class="form-check"> <input class="form-check-input" type="radio" name="radio" id="radio1" value="option1"> <label class="form-check-label" for="radio1"> radio label </label> </div> Dies ist eine browser-Voreinstellung. Notorisch schwierig/unmöglich zu stylen ist.
Bootstrap-4-Mauerwerk-layout unter Verwendung flexbox-raster
0 Antworten
Gibt es einen Weg zum erstellen von Mauerwerk-Spalten-layout unter Verwendung der flexbox-grid, Bootstrap-4 ist ausgestattet mit? Es scheint mir, dass alle Spalten gleich hoch sind. Ich habe eine Google-Suche und nicht in der Lage war zu finden,
Ändern Dropdown-Icon auf Bootstrap 4
5 Antworten
Auf Bootstrap 3 war dies ziemlich einfach, man musste nur ändern, span an und fügen Sie, was Symbol, das Sie wollten, statt. Aber das scheint nicht der Fall mit Bootstrap 4. Oder vielleicht bin ich etwas fehlt?
bootstrap - how, um Ihre Navigationsleiste oben auf deinem hintergrund Bild?
4 Antworten
Ich bin neu auf bootstrap. Dies ist der Entwurf, den ich versuche zu machen: Wie Sie sehen können die Navigationsleiste ist auf top-op-den-hintergrund-Bild. Dies ist, was ich habe: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport"
Bootstrap 4.0.0 Carousel fade-übergang
3 Antworten
Gibt es mehrere Fragen auf Stackoverflow über Carousel-fade-übergang, aber keiner von Ihnen scheinen zu arbeiten, die auf einem Standard-4.0.0 Umsetzung: <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
Bootstrap 4: Wie haben eine volle Breite Navigationsleiste mit dem Inhalt in einen Behälter (Wie die SO Navbar)?
2 Antworten
Ich bin mit Bootstrap 4. Wie mache ich eine Navigationsleiste wie die SO navbar? Mit dem Inhalt ausgerichtet, wie ein "container", aber die Breite von "container-fluid" in der bootstrap-4? Möchte ich die Breite von der "fixed-top" navbar-Einstellung,
Wie senken Sie die navbar Höhe in der Bootstrap-4?
1 Antworten
Unten ist mein code für die bootstrap-4 <nav class="navbar navbar-collapse navbar-toggleable-md navbar-light bg-faded "> <div class="collapse navbar-collapse" id="navbarText"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link " > <span class="icon icon18 icon-upload"></span> Input Data From Prior Month </a>
Karten mit unterschiedlichen Größen in der Bootstrap-4 card-Gruppe
3 Antworten
Ist es möglich, verschiedene Karten in verschiedenen Größen in einer Karte-Gruppe in der Bootstrap-4. Ich will eine große Karte (doppelte Breite) auf der linken Seite Größe, und zwei kleinere Karten auf der rechten, mit gleicher Höhe von
Bootstrap 4 Haltepunkte Ändern
3 Antworten
Ich habe eine Anwendung, wo das design erfordert für eine Auflösung von 1280 Haltepunkt vom desktop bis zum tablet, oder, xl, lg beziehungsweise. Jedoch, Bootstrap selbst hat die xl-Haltepunkt bei 1200. Muss ich ändern, xl Haltepunkt Global
Schieben und Ziehen der Spalten - Bootstrap 4
4 Antworten
Dies ist, was ich brauche: Desktop: B A Mobil: A B Hier ist mein HTML: <div class="row"> <div class="col-md-7 col-sm-7 push-md-5"> A </div> <div class="col-md-5 col-sm-5 pull-md-7"> B </div> </div> Ist es in der richtigen Reihenfolge auf
Bootstrap-4, wie die Reihenfolge der Spalten?
1 Antworten
Habe ich dieses einfache Szenario: <div class="row"> <div class="col-md-12 col-lg-6 col-xl-7">A</div> <div class="col-md-12 col-lg-6 col-xl-5">B</div> </div> grundsätzlich, wenn md A B Ich würde es mögen, wenn md B A Ich habe versucht, viele Varianten gefunden, die auf
Bootstrap-4 reaktionsschnell button Größe
1 Antworten
Gibt es eine Möglichkeit in der Bootstrap-4 hinzufügen der Klasse "btn-sm" (kleine Taste), wenn in den Medien-Haltepunkt-xs? Ich würde gerne die Tasten zu Standard-Größe, außer in xs-Bildschirme, in denen ich möchte Ihnen zu wechseln automatisch in den
bootstrap-4 img-Flüssigkeit nicht ändern Bildhöhe
6 Antworten
Responsive Bilder in der Bootstrap-4, mit Klasse .img-fluid geändert werden unverhältnismäßig. Sie halten es ist die Höhe, auch die Breite schrumpft korrekt. , Das ganze Bild verformen. Gibt es eine Möglichkeit, wie man es so glatt wie
bootstrap-panel funktioniert nicht
3 Antworten
Ich bin mit bootstrap mit eckigen, aber die Platten sind nicht korrekt arbeitet. Ich kann bestätigen, werden die Dateien in den richtigen stellen.Dateien Dies ist, wie es aussieht: Ergebnis Die ich verwenden kann, btn und btn-primary, aber
Rechts ausrichten-element im div-Klasse
2 Antworten
Ich bin mit Winkel-2 mit Bootstrap 4 und Winkel-Material. Aber ich habe Probleme bei der richtigen Ausrichtung der Elemente innerhalb meiner div-container. Ich möchte meine beiden button und text ausgerichtet auf der rechten Seite Hier ist, was
Karte Einlegen.. mit Hilfe von jquery in der bootstrap-4 mit Daten-laden-text
2 Antworten
Ich versuche zu erreichen, laden-Effekt für eine Schaltfläche, die, wie gezeigt, in codepen. Ich bin mit bootstrap 4 (beta 2) Jquery 3.2.1. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Group View</title> <link rel="stylesheet" media="all" href="../css/bootstrap.css" > <script
Bootstrap-Container-Fluid für xs, sm
3 Antworten
Ich würde gerne meine äußersten div container werden nur "container" für die md und lg, aber ' container-fluid für xs und sm. Kann ich erreichen, das nativ? Brauche ich eine zusätzliche CSS? Dank. InformationsquelleAutor user3449833 | 2016-03-14
Bootstrap-4 Tabs nicht Umschalten
1 Antworten
Ich bin derzeit mit bootstrap 4. Ich lese die bootstrap-Dokumentation und bin derzeit versuchen zu integrieren tabs aber Sie schaltet nicht mein code ist der folgende: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Info</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0- alpha.3/css/bootstrap.min.css"
Wie zu verwenden ng-bootstrap mit AngularJS 2 (mit angular-cli v1b15)?
2 Antworten
Habe ich versucht zu verwenden, ng-bootstrap in meinem Winkel-2-Projekt nach der Dokumentation auf der ng-bootstrap-offizielle Website. Was ich gemacht habe, sind wie folgt: npm install [email protected] Navigieren Sie zum root /bootstrap-Verzeichnis und führen Sie npm install zu
Schriftart awesome icons funktioniert nicht
3 Antworten
Ich versuche, fügen Sie ein font awesome icon vor meinem Löschen & Einstellungen link-Taste, aber es funktioniert nicht. Kann mir bitte jemand sagen was fehlt? Html-Code: <div class="jumbotron"> <p> <a class="btn btn-danger" href="#"> <i class="fa fa-trash-o fa-lg"></i>
Bootstrap-4 Vertikale Navigationsleiste
1 Antworten
Ich bin versuchen, um eine vertikale Navigationsleiste der bricht bei einigen Haltepunkt. Ich habe es die Arbeit bis zu dem Punkt, wo es zusammenbricht, aber irgendwie ist mein Inhalt aus der nächsten Spalte ist nicht immer aufgestapelt
Bootstrap 4 ändern Sie die Einfügemarke auf einen Klick dropdown
3 Antworten
Verwendung von Bootstrap 4, ich bin versuchen, um eine dropdown-Liste mit caret (Ex -: nach rechts). Nach anklicken der dropdown-caret-Hinweis Richtung geändert werden soll (Ex: unten). Habe ich eine Weg, dies zu tun /*Please refer the above
Bootstrap-4 flex-grid-system nur
4 Antworten
So, in bootstrap3 wir hatten "Anpassen und herunterladen" - option, das konnten wir nur den download von dem, was wir brauchten. Nun, die bootstrap-4 unterstützt flexbox, ich will nur laden Sie das flex-grid-system von bootstrap 4 und
So ändern Sie die Schriftgröße mit Sass in der Bootstrap-4?
2 Antworten
Ich bin immer Kreuz und quer Informationen und wollte die Frage hier. Ich habe gelesen in einigen Orten die Schriftgröße geändert werden soll, aus dem html-element zum Beispiel: html { font-size: 14px } Und die bootstrap-4 rem
Bootstrap-4 navbar collapse funktioniert nicht
2 Antworten
Ich versuche zu implementieren ist eine Navigationsleiste mit Bootstrap 4. Derzeit ist die Navbar korrekt zusammenbricht, wenn der viewport verkleinert wird, um mobile Größe. Allerdings, wenn man versucht, toggle-Menü, passiert nichts. Der jsFiddle-Beispiel wird dieses Verhalten veranschaulicht.
Bootstrap-4 mit zusammenklappbaren sidebar
1 Antworten
Ich erstellen möchten, zusammenklappbar sidebar, dass der Nutzer hin-und herschalten können. Nach viel spielen, ich habe es erreicht, aber gerade jetzt, es ist sehr hässlich. Hier ist der code: <div class="container-fluid"> <div class="row"> <nav class="col-md-3 collapse show"
Bootstrap-Zeilen und Spalten - brauche ich die Zeile?
2 Antworten
Ich brauche nur eine Klarstellung mit einem bestimmten Punkt in der Bootstrap-Raster - Zeilen und Spalten.. Auf diesem link: http://getbootstrap.com/css/#grid; der 3. Punkt unter " Einführung sagt: "Inhalte gesetzt werden sollte, innerhalb der Spalten, nur Spalten kann
Nur-Text-Karussell
1 Antworten
Ich bin nicht in der Lage, ein Karussell mit nur text ohne img. Der text scheint zu kollidieren mit den Steuerelementen. Jedes Beispiel, das ich gefunden habe, nutzt die <img>. Ich habe versucht, zu verwenden d-flex Klasse,
So erstellen Sie eine neue Reihe von Karten mit ngFor und bootstrap 4
3 Antworten
Ich versuche, verwenden Sie die Karte, die Gruppen-Funktionalität von Bootstrap 4 mit Eckigen ngFor. Hier ist der HTML habe ich für jetzt, aber ich kann nicht herausfinden, wie um zu brechen, um eine neue Zeile nach Artikel
Bootstrap-4 responsive navbar, dass die Einstürze in xs Breite?
1 Antworten
Ich versuche zu finden, ein Beispiel für die bootstrap-4 responsive navbar, zieht sich zusammen, um ein hamburger-button nur bei der xs-der Breite, sondern ist vollständig sichtbar, wenn Sie breiter. Es ist ein bootstrap 3 Beispiel, das einfach
Wie das Marken-logo in der Bootstrap-4-Navigationsleiste an der linken Seite?
2 Antworten
Habe ich ein logo wie unten gezeigt. <nav class="navbar navbar-fixed-top navbar-light bg-primary"> <div class="container-fluid"> <img class="navbar-brand" src="logo.png" alt="logo"> <ul class="nav navbar-nav"> <li class="nav-item"><a href="#" class="nav-link">START</a></li> ... </ul> </div> </nav> Bootstrap fügt ein Stück der Polsterung auf der
Bootstrap-4 Karten-deck table-cell Spalten responsive basierend auf der viewport?
4 Antworten
So, in Bootstrap v4, ich sehe es gibt ein neues feature für die Karte-decks ( http://v4-alpha.getbootstrap.com/components/card/#decks ) , lässt sich eine Gruppe von Karten, die mit Ihrer Höhe gleich nach dem höchsten Inhalt in der Gruppe. Es
Wie Sie Inhalte unten auf Bootstrap 4 col
1 Antworten
Ich habe den folgenden code für die Fußzeile: <div class="container"> <hr> <div class="row"> <div class="col-md-6"> © BusinessName 2017. </div> <div class="col-md-3"> <br> <a href="/blog"> Blog </a> <br> <a href="/blog"> FAQ </a> <br> <a href="/blog"> About </a> </div>
hat-die Gefahr, nicht mehr arbeiten an Bootstrap v4 beta?
3 Antworten
Entsprechend der Bootstrap migration guide: Umbenannt .hat-Fehler .hat-Gefahr. Jedoch, dass scheint nicht zu funktionieren. Grenze und der text wurde nicht gefärbt. Beispiel: <div class="form-group has-danger"> <label class="form-control-label" for="inputDanger1">Input with danger</label> <input type="text" class="form-control form-control-danger" id="inputDanger1"> <div class="form-control-feedback">Sorry,
Bootstrap-4: Wie man die Zeile stretch Verbleibende Höhe?
1 Antworten
Ich versuche zu machen die container-fluid und 2. row zu Strecken, um die Verbleibende Höhe, aber ich konnte nicht einen Weg finden, es zu tun. Ich habe versucht Einstellung der align-items/align-self zu stretch aber hat nicht funktioniert.
So ändern Sie das bootstrap 4 drop-down-Farben?
1 Antworten
Ich versuche, ändern Sie sowohl die hintergrund-und Schriftfarbe des bootstrap-4-dropdown-navigation. Habe ich versucht zu verwenden .nav.nav-tabs > li.dropdown.active.open > a, .nav.nav-tabs > li.dropdown.active.open > ul.dropdown-menu a:hover, .nav.nav-tabs > li.dropdown.open > a, .nav.nav-tabs > li.dropdown.open > ul.dropdown-menu a:hover
Ändern Pfeil Farben im Bootstraps Karussell
8 Antworten
Ich bin offensichtlich etwas fehlt dummerweise einfach hier. Ich habe Bilder mit einem weißen hintergrund, so dass ich in der Lage sein möchten, Bearbeiten Sie die Pfeile auf dem Stiefelriemen-Karussell, damit Sie sichtbar sind. So viele ändern
Kleben funktioniert nicht in der Bootstrap-4 (alpha)
8 Antworten
Nach Bootstrap 3 docs, die ich Hinzugefügt haben folgende Attribute, um eine navbar: <nav class="navbar no-margin-bottom" data-spy="affix" data-offset-top="90" > ... </nav> Nach unten scrollen die Seite, Bootstrap-4 ist nicht das hinzufügen der Klasse navbar was bringt. Kann
Fügen Sie den Abstand zwischen vertikal gestapelten Säulen in der Bootstrap-4
3 Antworten
Leider, es scheint nicht zu sein ein guter Weg, um zu verwalten vertikalen Abstand zwischen den Spalten, dass der übergang von einem horizontalen Stapel, um einen vertikalen Stapel an bestimmten Haltepunkten. Es scheint,Lösung, wenn eine form beteiligt
Wie auf der linken Spalte Feste und rechts scrollbare in der Bootstrap-4, reaktionsschnell Weg?
1 Antworten
Ich bin mit Winkel 4, Bootstrap 4 und zu versuchen, eine Feste scrollbaren rechten div-Element und einem festen Links div. Es sollte sehr ähnlich, was Trulia hat. Bootstrap fiel das Affix jQuery-plugin in der version 4 so
Bootstrap 4 richten Sie die Elemente direkt innerhalb eines div col
3 Antworten
Meine Frage ist ziemlich einfach, aber ich finde nicht eine richtige Art und Weise (ich meine nicht die absolute positionsvorrichtung der sub-Elemente innerhalb einer relativen position-container) um dies zu erreichen in der Bootstrap-4. Habe ich eine Zeile
Bootstrap-4 - hidden-classes - nur ausblenden auf kleinen Bildschirmen
3 Antworten
Gewusst wie: ausblenden span Inhalte nur auf klein (sm) Bildschirme? Ich brauche diese Inhalte sichtbar auf xs Bildschirme. <span class="hidden-sm-down">Text</span> Es ist ein Weg, dies zu tun mit nur bootstrap-Klassen oder nicht? Willkommen zu Stack-Overflow, versuchen Sie,
Wie man vertikal zentrieren einen text in einer Spalte (bootstrap 4)?
1 Antworten
Wie vertikal-center, einen text in einer Spalte (bootstrap 4)? Die Struktur ist einfach, siehe: <div class="row"> <div class="col-md-6"> <span>Text to center</span> </div </div> Ty Jungs! InformationsquelleAutor Angelo Merlo | 2017-01-24
Bootstrap-4 disable navbar-collapse in container
1 Antworten
Hallo ich möchte zum deaktivieren der Navigationsleiste-Zusammenbruch in der Bootstrap-4. Und es wäre schön, wenn die Navigationsleiste nimmt die ganze Breite sondern in der navbar der container-Klasse erlaubt nur die Standard-Breite für Inhalte. Habe ich versucht, dieses
Breite der Eingänge in inline-form - Bootstrap 4
3 Antworten
Guten morgen, Ich bin versuchen, ein inline-Formular mit Eingaben von verschiedenen breiten mit Bootstrap 4. Ich habe die verschiedenen Möglichkeiten hier: http://v4-alpha.getbootstrap.com/components/forms/. Dies ist so weit wie ich ging: <div class="container"> <div class="row"> <div class="col-xs-1"> <label for="exampleInputName2"
Bootstrap-4 Mehrere Elemente Karussell (mehrere Karussell-Elemente auf einmal angezeigt)
3 Antworten
Wie setzen Sie ein mehrere Elemente Karussell in der Bootstrap-4? Die Dokumente erwähnen, die über mehrere Karussells, aber nicht ein Karussell mit mehreren Elementen. Was bedeutet "mehrere Elemente Karussell"? mehrere Elemente Karussell bedeutet, es gibt mehrere Karussell-Elemente
btn-xs nicht mehr eine gültige option in der bootstrap-4?
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