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 beta 3 Fehler mit Winkel-cli

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

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

Anzahl der Antworten 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?

Anzahl der Antworten 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)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 wird. Allerdings funktioniert das nicht in der bootstrap-4. Wie kann ich etwas erreichen, wie dies in

Bootstrap dropdown-Liste mit Eckigen 6

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

Anzahl der Antworten 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%?

Anzahl der Antworten 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?

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

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

So erhöhen Sie font-size in der Bootstrap-4?

Anzahl der Antworten 2 Antworten
In der Bootstrap-4, schriftart,-Größe standardmäßig mit em oder rem für Schriftarten. Wie erhöhe ich die font-size für alle viewport-Größen? Da jedes element sieht winzig. Wenn Sie möchten ansprechende schriftart, die Größen, die Sie verwenden können media queries.

Bootstrap navbar-fixed-top-Klasse, nicht zu arbeiten

Anzahl der Antworten 2 Antworten
Aufbau einer portfolio-Website mithilfe des Bootstrap - ich bin die Anwendung der "navbar-fixed-top" - Klasse, um die navbar zu bleiben, um den oberen Rand des Fensters, wie in diesem Beispiel: https://getbootstrap.com/examples/navbar-fixed-top/ Ich versuche zu tun, also mit

Bootstrap-4 Carousel Mehrere Bilder auf einmal und schieben Sie durch eine

Anzahl der Antworten 2 Antworten
Andere Frage auf der gleichen Notwendigkeit (diese Frage) für bootstrap-3, aber die vorgeschlagenen Lösungen funktionieren nicht mit Bootstrap 4. Dem Bild von diesem post erklärt sehr gut, was ich will. Und noch mehr diese bootply. Wie kann

Stil Bootstrap 4 Benutzerdefinierte Kontrollkästchen

Anzahl der Antworten 4 Antworten
Wie kann ich eine Formatvorlage benutzerdefinierte Kontrollkästchen in der Bootstrap-4? Ich habe alles versucht, aber ich kann auch nicht ändern seine Hintergrundfarbe. Dies ist mein code-Gliederung: HTML: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> <label class="custom-control custom-checkbox"> <input type="checkbox"

Die Verwendung von verschiedenen Schriftarten in der Bootstrap-4?

Anzahl der Antworten 5 Antworten
Ich bin ein Neuling. Ich weiß, ich kann vergeben Sie unterschiedliche Schriftarten für die Bootstrap-4, wie dieser Standard, font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; Was ich wissen will, wenn ich versuche, eine website

Wie zu installieren und zu verwenden, öffnen Sie-Ikone mit bootstrap 4 beta mit CDN-Bibliothek?

Anzahl der Antworten 2 Antworten
Habe ich unten aufgeführt <!-- Bootstrap 4.0 Beta --> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha256-m/h/cUDAhf6/iBRixTbuc8+Rg2cIETQtPcH9D3p2Kg0=" crossorigin="anonymous" /> <!-- open-iconic-bootstrap (icon set for bootstrap) --> <link href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css" integrity="sha256-BJ/G+e+y7bQdrYkS2RBTyNfBHpA9IuGaPmf9htub5MQ=" crossorigin="anonymous" /> Und verwendet diese wie unten mit kein Glück <span class="oi oi-icon-person"

Suche Eingang mit einem Symbol Bootstrap 4

Anzahl der Antworten 5 Antworten
Keine Ahnung, wie ich dies tun kann, da BS 4 nicht unterstützt glyphicons. Kann ich es einrichten als hintergrund oder bewerbe ich mich in verschiedenen Positionen zu einem font-awesome-icon? Dies ist mein code bisher: HTML: <link rel="stylesheet"

Um Spalten durch Bootstrap4

Anzahl der Antworten 6 Antworten
Ich habe 3 Spalten, die ich will, um in unterschiedlicher Weise auf desktop-und Mobilgeräten. Derzeit ist meine Stichelei sieht so aus: HTML: <div class="row"> <div class="col-xs-3 col-md-6"> 1 </div> <div class="col-xs-3 col-md-6"> 2 </div> <div class="col-xs-6 col-md-12">

Bootstrap-4 Klapp-Karte - Abgehackte Animationen

Anzahl der Antworten 3 Antworten
Ich bin mit Bootstrap 4 und haben eine Karte mit einem .Karte-Kopf-und .Karte-block etwa so: <div class="card"> <div class="card-header"> <a data-toggle="collapse" href="#test-block" aria-expanded="true" aria-controls="test-block"> card header </a> </div> <div id="test-block" class="card-block"> card block </div> </div> Ich möchte

Tut bootstrap-4 verfügen über einen eingebauten horizontalen Trennbalken?

Anzahl der Antworten 7 Antworten
Tut bootstrap-4 verfügen über einen eingebauten horizontalen Trennbalken? 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 wollen, verwenden Sie die integrierte in der bootstrap-css, ich kann es

Bootstrap 4 ungültige Rückmeldung mit Eingang Gruppe nicht anzeigen

Anzahl der Antworten 4 Antworten
Bin ich auf der Suche in die Bootstrap-4 - beta, die allerdings, wenn Sie .is-invalid mit .input-group es scheint nicht zu zeigen, bis. HTML: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" /> <div class="form-group"> <label for="label">Label</label> <div class="input-group"> <div class="input-group-addon"> label

Wie verwenden von CSS position klebrig zu halten, eine Seitenleiste sichtbar mit Bootstrap 4

Anzahl der Antworten 4 Antworten
Ich habe zwei Spalten-layout wie dieses: <div class="row"> <div class="col-xs-8 content"> </div> <div class="col-xs-4"> </div> </div> Wenn ich die position:sticky auf die sidebar-Spalte, bekomme ich die klebrige Verhalten der sidebar: https://codepen.io/marcanuy/pen/YWYZEp CSS: .sticky { position: sticky; top:

Bootstrap-4, fügen Sie ein Leerzeichen zwischen zwei Karten-decks

Anzahl der Antworten 2 Antworten
Ich versuche, fügen Sie ein Leerzeichen zwischen den beiden Karten-decks. Ich bin mit bootstrap-4 alpha 6. Ich habe keine Ahnung, warum mt-20 auf die zweite Karte auf dem deck es nicht tun. Ich habe versucht, wickeln Sie

name kann nur die URL-freundliche Zeichen

Anzahl der Antworten 3 Antworten
Ich versuche das Paket zu installieren.json mit npm init zu installieren bootstrap in meinem Ordner, aber ich bin immer der Fehler. npm install [email protected] --save Ich bin neu in diesem, ich kann nicht genau herauszufinden, was ich

Bootstrap-4 multiselect dropdown

Anzahl der Antworten 1 Antworten
Ich lese in vielen Foren, dass das problem von select-und multiselect behoben wurde, nachdem die beta-version von bootstrap 4. Leider bin ich nicht in der Lage, um die Anzeige der Mehrfachauswahl wie in (bootstrap 3) in (bootstrap

popper.js in der bootstrap-4 gibt SyntaxError Unerwartetes token exportieren

Anzahl der Antworten 5 Antworten
Habe ich versucht zu installieren, bootstrap 4, und nahmen die folgenden links <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> Aber Der folgende Fehler tritt auf : Uncaught syntaxError: Unexpected token exportieren Irgendwelche Ideen wie

Vertikal ausrichten Bootstrap-badge innen überschrift

Anzahl der Antworten 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-Reihe mit Säulen unterschiedlicher Höhe

Anzahl der Antworten 4 Antworten
Ich habe derzeit so etwas wie: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Nun davon aus, dass content war Boxen verschiedener Höhe, mit

Wie man Header-Karte Keine Border-Radius-in der Bootstrap-4?

Anzahl der Antworten 5 Antworten
Kann die Karte-header haben keine border-radius auf bootstrap 4? Ich habe implementiert, diese ABER die Hintergrundfarbe der Karte-header überschneidungen der Karte-header, also die Karte-header haben noch border-radius .card-header { height: 50px; background-color: #000; border-bottom-color: #fff; border-top: none;

Bootstrap-4 navbar-inverse muss nicht Farbe

Anzahl der Antworten 3 Antworten
Vor kurzem habe ich beschlossen, zu versuchen, neue bootstrap-version (4). Ich habe alles richtig mit Dateien (meine html unten) <!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Bootstrap 4 website</title> <link

Bootstrap-4-Formular Validierung mit Javascript /jQuery

Anzahl der Antworten 1 Antworten
Ich bin neu in web-Entwicklung, und die versuche zum einrichten einer Praxis-form zu lernen, Formular-Validierung. Ich bin nach Bootstrap ist doc für Benutzerdefinierte Stile zu behandeln diejenigen, die mit Fragen der Zugänglichkeit, die Bildschirmleseprogramme verwenden und zu

Bootstrap-4 Multi-Carousel zeigt 4 Bilder anstatt 3

Anzahl der Antworten 1 Antworten
Ich kann nicht herausfinden, wie man es zeigen 4 Bilder anstatt 3. Basierend auf diesem Code: Bootstrap 4 Mehrere Artikel, Karussell Script JS $('#recipeCarousel').carousel({ interval: 10000 }) $('.carousel .carousel-item').each(function(){ var next = $(this).next(); if (!next.length) { next

Mega dropdown-Menü mit bootstrap 4

Anzahl der Antworten 1 Antworten
Ich versuche, Sie zu reproduzieren Codepen , in der Bootstrap-4. Den folgenden Codepen ist, wo ich kam (Dropdown mit 2 Spalten), helfen meine Anleitungen im Netz. Navbar HTML <nav class="navbar navbar-expand-lg navbar navbar-dark bg-primary"> <a class="navbar-brand" href="#">Navbar</a>

Bootstrap-vue wird nicht geladen, CSS

Anzahl der Antworten 3 Antworten
Schreibe ich eine Vue.js app mit Bootstrap 4 und ich kann es nicht geladen obwohl ich folgte der Dokumentation. Hinzugefügt main.js Vue.use(BootstrapVue); Hinzugefügt css-Datei im Zusammenhang mit App.vue: @import '../../node_modules/bootstrap/dist/css/bootstrap.css'; @import '../../node_modules/bootstrap-vue/dist/bootstrap-vue.css'; Hier ist die Vorlage: <div