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.
DatePicker funktioniert nicht auf bootstrap 4
4 Antworten
Möchte ich verwendet datepicker auf mein Projekt.Dies ist mein erstes mal mit bootstrap.Das problem ist, dass der datepicker wird nicht angezeigt, wenn ich auf das Datum bilden.Ich habe bereits versuchen zu ersetzen CDN-url-position innen und innen-tag und
Float nav Objekte rechts in der Bootstrap-4?
2 Antworten
Wie Sie drücken Sie auf der rechten nav-Elemente in einer Bootstrap-4 navbar? Ich habe versucht, float-*-Recht aber hat nicht funktioniert. <nav class="navbar navbar-static-top navbar-dark bg-inverse float-*-right"> <a class="navbar-brand" href="#">Project name</a> <ul class="nav navbar-nav"> <li class="nav-item active"> <a
Warum ist meine modal nicht zeigen? Bootstrap 4
1 Antworten
Geschlossen. Diese Frage ist off-topic. Es ist derzeit nicht akzeptieren Antworten. verbessern Wollen dieser Frage? "Update" die Frage so ist es on-topic für Stack-Überlauf. Geschlossen letztes Jahr. <head> <meta charset="utf-8" /> {% load staticfiles %} <link rel='stylesheet'
Bootstrap-4: Vertikal ausrichten Bild in einem Kreis-Taste
3 Antworten
Ich habe einen Kreis-Taste, der muss eine plus Bild in der Mitte. Die Sache ist die, ich kann nicht scheinen, um vertikal ausrichten, dass das Bild ohne Rückgriff auf irgendwelche Ränder. Gibt es einen einfacheren, Bootstrap-y Weg,
Wie funktioniert ist-ungültig bootstrap-Klasse der Arbeit?
1 Antworten
Habe ich eine Eingabe, die korrekt funktioniert: nach errror zurückgegeben wurde, vom server auf den client, sehe ich {{value}}. <div class="form-group"> <label class="col-md-8 control-label">Foo</label> <input class="form-control" v-model="foo" :class="{' is-invalid': errors.foo}"> <div class="invalid-feedback" v-if="errors.foo"> <strong v-for="value in errors.foo">{{value}}</strong>
Warum ist Bootstrap 4 Beta .ungültig-feedback anzeigen, wenn das Feld gültig?
1 Antworten
Ich habe ein Formular, dass ich mit mit Bootstrap 4 beta Formular-Validierung. Es funktioniert gut, außer für die invalid-feedback Klasse. Die feedback-div korrekt angezeigt, zuerst etwa so: Aber wenn ich das Feld gültig ist, wird das Feld
Fügen Sie die active-Klasse für Menüpunkt
2 Antworten
Verwendung von Bootstrap 4 v6, ich habe folgende navigation: Ich versuche zum einrichten der aktiven-Klasse auf den ausgewählten Menüpunkt, aber nichts, was ich getan habe, hat funktioniert. Der nächstgelegene, dass ich gekommen bin, ist mit diesem code:
Bootstrap-4 form-Eingang mit dem Symbol für die Validierung
2 Antworten
In Bootstrap 3 gab es optional die Symbole für die Validierung Staaten. Das Symbol in der rechten Seite der Eingang mit der has-feedback, has-success, has-danger usw... Klassen. Wie kann ich diese Funktionalität in der Bootstrap-4 valid-feedback oder
Bootstrap benötigt nicht vorhandene version von popper
1 Antworten
Mein Paket.json enthält: "dependencies": { "popper": "^1.0.1", "bootstrap": "^4.1.0", auf installieren die Warnung: [email protected] erfordert ein peer von popper.js@^1.14.0 jedoch die "neueste" version von popper.js ist 1.0.1 wtf?!? sind es zwei verschiedene "Arten" von popper? InformationsquelleAutor Cos
Bootstrap-4 Karussell-Slider funktioniert nicht
1 Antworten
Geschlossen. Diese Frage muss details oder Klarheit. Es ist derzeit nicht akzeptieren Antworten. mehr. verbessern Wollen dieser Frage? details Hinzufügen und klären Sie das problem, indem Sie Bearbeiten diesem post. Geschlossen letztes Jahr. Ich habe einige ernste
Bootstrap-4-Format, Wählen Sie
2 Antworten
Ich bin mit bootstrap 4 mit Winkel 2 und habe Folgendes auswählen: <div class="form-group"> <label class="col-md-4 control-label" for="OptionExample">Select an option:</label> <div class="col-md-4"> <select id="optionExample" name="optionExample" class="form-control" [(ngModel)]="ngmodeloptionExample" (ngModelChange)="optionExamples()"> <option disabled [ngValue]="-1">Select an Option</option> <option *ngFor="let option of
In Reagieren, wie kann ich die Ursache Anker, nichts zu tun auf klicken Sie auf?
5 Antworten
Ich habe Folgendes html-element: <a href onClick={() => fields.push()}>Add Email</a> Ich muss das href-Attribut, so bootstrap-Formatvorlagen-element mit einem link-styling (Farbe, cursor). Problem ist, wenn ich klicke, dass es nun bewirkt, dass der browser umleiten. Wie kann ich
Ändern Sie Stile auf ngb-Registerkarte Titel
3 Antworten
Ich würde gerne Stil den Titel in der ngb-Register, so dass es nicht das Standard-blau von einem Anker-tag. Idealerweise so etwas wie dieses, aber die class-Eigenschaft scheint nicht zu haben eine Wirkung auf die ngb-tab. HTML: <ngb-tabset
Bootstrap-4: Min-width nur für eine Spalte
3 Antworten
Habe ich einen basic-grid-basiertes layout mit Bootstrap 4. Ich habe zwei Spalten: Links und Rechts. In der linken Spalte ist eine div.col-12.col-md-5 und die Rechte ist div.col-12.col-md-7. Sache ist, die linke Spalte hat einen Tisch im inneren
Winkel-4 Bootstrap-4 nicht korrekt wiedergegeben
3 Antworten
Habe ich einen frisch erstellten Winkel-4 CLI-app mit den folgenden Paketen installiert: npm install [email protected] jquery tether popper.js --save .Winkel-cli.json-Extraktion: "styles": [ "styles.css", "../node_modules/bootstrap/dist/css/bootstrap.min.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.slim.min.js", "../node_modules/tether/dist/js/tether.min.js", "../node_modules/popper.js/dist/umd/popper.min.js", "../node_modules/bootstrap/dist/js/bootstrap.min.js" ], Mit diesem setup habe ich
Was ist die Bedeutung von ml in der bootstrap-4?
1 Antworten
Hallo, ich bin mit bootstrap4 beta. Ich bemerkte, dass es verwendet die Klassen; ml-auto-oder mr-auto, statt ziehen-rechts-und pull-Links. Ich kann mir vorstellen, l Links und r rechts. Was ist die Bedeutung von m neben l und r?
Gewusst wie: ausblenden element auf kleinen Bildschirmen mit Bootstrap 4 Beta
3 Antworten
Ich gerade umgezogen von bootstrap-4 alpha zu beta, aber ich kann nicht herausfinden, wie so blenden Sie ein element auf einem kleinen Bildschirm. In der alpha war das "hidden-md-up" und "hidden-sm-down", das hat wunderbar funktioniert. "hidden-md" ist
Winkel 6 mit bootstrap-4 - Formular-Validierung e-mail
3 Antworten
Habe ich form zu übermitteln E-Mail , möchte ich hinzufügen, dass die Validierung, also das kann nicht sein empyt(bestimmten), können keine ungültige E-Mail-eg [email protected], etc, aber wenn ich email zB neymarPleaseStopeDiving zu meinem Eingang und klicken Sie
Unbekannte html-tag-Warnung Bootstrap-Vue.js Unterstützung in WebStorm
3 Antworten
Ich bin mit WebStorm 2017.2.4 und webpack Vue.js Projekt. Ich habe bootstrap-vue.js zu meinem Projekt und würde gerne sehen, Tipps für es und Komponenten unterstützt. Aber stattdessen habe ich "Unbekannte html-Tags" Warnung. BTW: bootstrap-vue funktioniert wie erwartet,
Bootstrap-CSS funktioniert nicht im chrome oder firefox
2 Antworten
Schrieb ich einen einfachen "Hello World" - web-Seite und fügte hinzu, bootstrap CSS from CDN-aber es funktioniert nur in Microsoft Rand. Google Chrome und Mozilla Firefox nicht angezeigt die richtige Ausgabe. Bitte helfen Sie mir dieses Problem
Nicht in der Lage zu installieren bootstrap-4 - (beta) - nuget-Pakets zu .Net MVC (.Net version 4.6.2)
9 Antworten
Ich bin nicht in der Lage zu installieren bootstrap-4(beta) auf meinem MVC-Projekt. Um genau zu sein popper.js nuget-Abhängigkeit nicht installieren. Bitte lassen Sie mich wissen, jede mögliche Art und Weise, es zu tun(bower installieren ist noch eine
Bootstrap vs-Material UI Reagiert?
3 Antworten
Ich habe mit beiden in meinen Projekten und manchmal finde ich die Verwendung einer Material-UI-Komponente innerhalb eines bootstrap-Komponente und den UI-displays, wie ich es erwarten würde. Ich wurde geraten, nicht aber für die diesen Ansatz verwenden. Gibt
Bootstrap 4 browser-support-version
3 Antworten
Arbeite ich an einer neuen website und planen Sie die Verwendung von Bootstrap 4. Seit Ihr noch im alpha-Stadium, ist es etwas riskant. Bootstrap docs erwähnt, dass alle aktuellen Browser werden unterstützt aber nicht angeben, ab welcher
ng-bootstrap ngbDropdown funktioniert nicht 4 Eckig
3 Antworten
ng dropdowns funktionieren nicht. Hinweis: ich folgte die Antwort hier und aktualisiert bootstrap zu 4-alpha, aber es funktioniert nicht. Unten ist mein Paket.json-Datei: "@angular/animations": "^4.3.0", "@angular/common": "^4.3.0", "@angular/compiler": "^4.3.0", "@angular/core": "^4.3.0", "@angular/forms": "^4.3.0", "@angular/http": "^4.3.0", "@angular/platform-browser": "^4.3.0",
Bootstrap-4 beta 3 Fehler mit Winkel-cli
4 Antworten
Ich erhalte folgende Fehlermeldung beim aktualisieren meiner bootstrap-Paket 4.0.0-beta.3. Lassen Sie mich wissen, wenn ich bin fehlt etwas. Es funktioniert mit der beta.2 "@angular/animations": "^5.1.2", "@angular/common": "^5.1.2", "@angular/compiler": "^5.1.2", "@angular/core": "^5.1.2", "@angular/forms": "^5.1.2", "@angular/http": "^5.1.2", "@angular/platform-browser": "^5.1.2",
Bootstrap-4 - Sticky footer - Dynamische Fußzeile Höhe
4 Antworten
Ich einen sticky footer auf meinen Seiten , aber ich don ' T haben eine bestimmte Höhe eingestellt für meine Fußzeile . Auf kleineren Bildschirmen - die Zeilen, ändern der Größe und Fußzeile wird länger . Daher
Bootstrap-4 Tabelle Reaktionsschnell Weg, Horizontale und Vertikale Bildlaufleiste
2 Antworten
Ich bin mit bootstrap-Tabellen mit Eckigen 6 in einem Projekt, und ich war in der Lage zur Erstellung von vertikalen scrollen der Tabelle-Körper mit diesem code: <table class="table table-striped table-bordered" style="margin-bottom: 0"> <thead> <!-- Column names -->
Wie stylt man einen Anker als button in Bootstrap-4?
1 Antworten
Wenn ich eine Taste, sieht es wie folgt in der Bootstrap-4: <button type="button" class="btn btn-primary" target="_blank">Download</button> Wenn ich den Anker benutzen, statt mit der Tasten-styling, sieht es wie folgt aus: <a type="button" class="btn btn-primary" target="_blank">Download</a> Wie kann
5 gleich Breite Spalten in der bootstrap (Breite der container)
4 Antworten
Laut meiner psd-Vorlage, die ich habe-CONTAINER besteht aus 5 gleich Breite (344px) Spalten. Ich beschlossen zu gehen mit bootstrap in Bezug auf Reaktionsfähigkeit. Aber jetzt bin ich frustriert, mit dieser Aufgabe. Gibt es eine Möglichkeit dies umzusetzen
Bootstrap 4 Navigation-Divider
1 Antworten
Ich habe versucht, zu kombinieren zwei ul in einem responsive-navigation-bar mit Teiler, ohne messing mit den Sekunden ul-css. Ich habe versucht mit mediaqueries, aber ich habe nicht in der Lage, damit es funktioniert. Um es klar zu
Tabelle Spaltenbreite mit Bootstrap
2 Antworten
Dies ist meine erste Frage bei StackOverflow, weil es das erste mal, dass ich nicht in der Lage gewesen, eine Antwort zu finden, die mir geholfen haben mein problem zu lösen. Ich bin versucht, einen Tisch für
Re-Farbe Tooltips in Bootstrap 4
9 Antworten
Ich versuche ein re-Haut/re-format ein tooltip in der Bootstrap-4, und die originelle Art und Weise zu tun, es scheint nicht mehr zu funktionieren. Momentan mache ich das: .tooltip-inner { background: #7abcff; background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
Entfernen der Dachrinne Raumes für einen bestimmten div nur
9 Antworten
Den Standard-Bootstrap-grid-system verwendet 12 Spalten mit jeweils einer Spannweite mit 30px Dachrinne als unten. Dachrinnen sind die Leerzeichen zwischen den Spalten. Dachrinne Breite scheint zu sein, zwischen 20px - 30px. Nehmen wir an, es ist 30px hier.
Font Awesome und Bootstrap-4 Navbar
1 Antworten
Ich bin auf der Suche für ein Beispiel der Verwendung von Fontawesome und die Navbar-Komponenten von Bootstrap 4 so, dass ich eine Beschreibung und ein Symbol neben jedem anderen. InformationsquelleAutor user3000938 | 2016-01-26
Animieren/Verkleinern der NavBar auf Blättern mit Bootstrap 4
3 Antworten
Ich gesucht habe einen ganzen Haufen für diese, aber kann nicht scheinen zu finden, eine funktionierende Lösung. Im Grunde habe ich meine NavBar perfekt, wie ich es will. Will ich jetzt verkleinern der NavBar, wenn meine Seite
Bootstrap 3 und 4 .container-fluid mit raster hinzufügen unerwünschte Polsterung
12 Antworten
Ich würde gerne meine Inhalte zu flüssig, aber wenn .container-fluid mit Bootstrap grid, ich bin immer noch zu sehen-Polsterung. Wie kann ich loswerden der Polsterung? Sehe ich, dass ich nicht bekommen, die Polsterung mit .Reihe, aber ich
NPM WARNEN: [email protected] erfordert ein peer von popper.js
2 Antworten
Habe ich Folgen Abhängigkeit Teil im Paket.json: "dependencies": { "bootstrap": "*", "bootstrap-datepicker": "^1.7.1", "bower": "^1.8.2", "chosen-js": "^1.8.2", "datatables.net-dt": "^1.10.16", "jQuery-QueryBuilder": "^2.4.5", "jquery": "^1.4", "jquery-tagit": "*", "jquery-ui-dist": "^1.12.1", "prismjs": "^1.8.1", "qtip2": "^3.0.3", "multi-step-modal": "git+ssh://[email protected]:2022/dependencies/multi-step-modal.git" } Wenn ich npm
Bootstrap-Datetime-Picker funktioniert nicht mit Bootstrap-4 Alpha 6
2 Antworten
Sind wir mit Eonasdan Datetime-picker. Wir wanderten zu den Boostrap 4 Alpha 6 denn es kommt mit vielen Verbesserungen gegenüber Alpha5, sondern Datetime-picker gebrochen. Jetzt ist es nicht, der die zahlen zeigt, wenn wir klicken Sie auf
reagieren Schaltfläche onClick-redirect-Seite
2 Antworten
Arbeite ich auf die web-Anwendung mit Reagieren und bootstrap. Wenn es um die anwenden-Schaltfläche onClick, dauert es mir schwer Zeit zu lassen, meine Seite wird eine Umleitung zu einem anderen. wenn nach einem "href" kann ich nicht
Winkel 4 mit der bootstrap-4-Daten-Tabelle
3 Antworten
Brauche ich, um eine Tabelle zu verwenden mit Winkel-4 und bootstrap-4, aber die bootstrap-4 offizielle Tabelle ist nicht auf der Suche zu gut. Ich fand das git-Projekt: https://www.npmjs.com/package/angular-4-data-table-fix aber finde keine Dokumentation, wie es zu benutzen. wer
Bootstrap-inline-block-Darstellung
4 Antworten
Ich habe eine Frage, warum das Ergebnis von meinem code wird nicht angezeigt als zwei inline-Blöcke zu, aber Blöcke werden angezeigt, einer nach dem anderen. Ich benutze bootstrap vordefinierten Klasse "d-inline-block", aber es funktioniert nur, wenn ein
Bootstrap-4 - Horizontal Ausrichten Inline-Listen
2 Antworten
Ich bin der Migration einer website von Bootstrap 3,7 auf Bootstrap 4. In meiner Website habe ich einen banner über die Spitze, die wie folgt aussieht: +-----------------------------------------------------------+ | Item 1 Item 2 Item A Item B [note]
Bootstrap-4 datepicker
2 Antworten
Will ich mit datepicker https://bootstrap-datepicker.readthedocs.io/en/latest/index.html mit Bootstrap 4. Folgenden die Beispiele auf der oben genannten Seite, kann ich es machen das arbeiten mit Bootstrap 3. HTML: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1,
bootstrap-datetimepicker für die bootstrap-4
3 Antworten
Möchte ich bootstrap-datetimepicker mit bootstrap 4, aber ich habe einige Probleme. Für diesen Zweck habe ich etwas geändert, wie: pull-right zu float-right table-condensed zu table-sm glyphicons zu fontawesome aber es hat nicht funktioniert 🙁 Demo Kann mir
Tabelle Spalte Größenanpassung
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 wird. Allerdings funktioniert das nicht in der bootstrap-4. Wie kann ich etwas erreichen, wie dies in
Bootstrap dropdown-Liste mit Eckigen 6
4 Antworten
Ich versuche zum erstellen eines dropdown-Elements in einem Bootstrap navbar mit Winkel-6. Mein code funktioniert, wenn ich es testen online : <nav class="navbar bg-light navbar-light navbar-expand"> <ul class="navbar-nav"> <li class="nav-item dropdown" > <a class="nav-link dropdown-toggle" data-toggle="dropdown">Page1</a> <div
Ändern von Bild-logo auf Blättern
3 Antworten
Ich versuche ein Bild zu machen, sich ändern, sobald Sie einen Bildlauf zu einem bestimmten Punkt. Ich habe versucht, die folgenden aber das ändert sich Recht, wenn Sie Blättern. jQuery(function($) { $(window).scroll(function() { if($('.navbar').hasClass('navbar-brand')) { $('.navbar .navbar-brand
Bootstrap-4, how to make a col haben eine Höhe von 100%?
4 Antworten
wie kann ich eine Spalte nehmen, bis 100% der Höhe des browser-w-bootstrap 4? Finden Sie unter: https://codepen.io/johnpickly/pen/dRqxjV Hinweis: das gelbe div, ich brauche das div/Spalte zu nehmen, bis eine Höhe von 100% Ist,... dort Weg, um dies
Erstellen Sie eine responsive navbar, sidebar "Schublade" in der Bootstrap-4?
2 Antworten
Versuchen, etwas zu erreichen wie diese : https://www.muicss.com/examples/v1/example-layouts/responsive-side-menu/index.html Ich habe gesehen, wie einige Beispiele online mit anderen Versionen von bootstrap, aber Sie alle ändern der css zu viel, das macht es schwieriger, zu lernen bootstrap. Ich Frage
Bootstrap 4 Sticky Footer Nicht Kleben
5 Antworten
Nicht wirklich sicher, warum der sticky footer funktioniert nicht in der Bootstrap-4. Ich habe eine TYPO3-website, die ich bin ein Anfänger bei. Den sticky footer nicht kleben am unteren Rand der Seite. Hier ist eine Kopie der