Tag: twitter-bootstrap-4

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

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

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

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

Bootstrap-4 IE 11 funktioniert nicht

Anzahl der Antworten 3 Antworten
also ich habe das problem, dass meine gesamte website funktioniert nicht im IE 11. Ich verstehe nicht, warum da offiziell IE 11 sollte unterstützt werden durch bootstrap-4... Website: www.ergotherapie-klinkicht.de Ich bin ein bisschen hilflos jetzt, denn ich

Wie positioniert Karussell Indikatoren in der Bootstrap-4

Anzahl der Antworten 2 Antworten
Ich versuche die Indikatoren unter dem Schieberegler, indem Sie .carousel-indicators eine bottom: -50px; aber die Indikatoren einfach zu verschwinden. Nun, ich vermute, das hat etwas zu tun mit der overflow:hidden von dem regler, aber ich kann T

Bootstrap-Raster mit HTML5-Abschnitte und Beiseite

Anzahl der Antworten 0 Antworten
Ich bin mit dem Bootstrap-4-raster-system, und wollen zu schweben Sie übrigens auf der rechten Seite des Bildschirms. Derzeit mein MAIN Inhalt ist verpackt in col-xl-3, ich will die BEISEITE auch col-xl-3, aber ich will es ausführen, die

Wie kann ich das ändern Linkfarbe und hover-Farbe in der Bootstrap-version 4?

Anzahl der Antworten 6 Antworten
In meinem design, die ich ändern will ist mein link und hover-Farbe in einem bestimmten Teil. Ich versuche mein bestes, aber ich kann das nicht tun. Ich bin neu in der bootstrap. Wie kann ich es ändern,

So ändern Sie die Deckkraft der Karte-block-bootstrap 4

Anzahl der Antworten 6 Antworten
Hey ich habe nur eine einfache Karte Bootstrap-4-Komponente. <div class="card"> <div class="card-header">This is my header</div> <div class="card-block">This is my block</div> <div class="card-footer">This is my footer</div> </div> Was ich erreichen wollte war, die Kopf-und Fußzeile mit einer Deckkraft

Ausrichten Sie Schaltfläche auf der rechten Seite eine "Karte" mit Bootstrap v4

Anzahl der Antworten 2 Antworten
Ich bin neu auf Bootstrap und dachte, ich würde Tauchen Sie mit Ihrem v4-alpha-Version. Ich versuche, richten Sie die 'Ordnen Sie eine Bewertung" Knopf (in der Nähe unten auf der Seite) in dem folgenden Beispiel auf der

Die Zentrierung der navbar-Inhalte in der Bootstrap-4 (alpha 5)

Anzahl der Antworten 2 Antworten
Ich versuche, um die Mitte der navbar-Inhalte in der Bootstrap-4, alpha 5. Ich habe ein wenig googeln, und ich denke, es könnte einige trick mit d-block und mx-auto. Allerdings kann ich nicht herausfinden, wie um die Mitte

Karussell mit thumbnails mit bootstrap v4

Anzahl der Antworten 2 Antworten
Sah ich eine demo von Karussell mit thumbnails mit bootstrap 3 hier. Bin ich versucht zu implementieren, das gleiche für bootstrap v4, konnte aber nicht herausfinden, wie man fix einige UI-nitty gritty wie Links/rechts Schatten kommt über

Wie auf link hinzufügen Stil für <a> in der Bootstrap-4 Alpha 3?

Anzahl der Antworten 2 Antworten
Den code ist sehr einfach: <a>This is a link</a> In der Bootstrap-4 Alpha 2 demo, der link erscheint blau. Wenn du mit der Maus drauf, zeigt es dunkelblau. Aber in der Bootstrap-4 Alpha 3 demo, zeigt es

Wie wechsle ich die bootstrap-4 modal mit Angular2 Komponente/ Typoskript

Anzahl der Antworten 3 Antworten
Ich bin nicht in der Lage ist umzuschalten ein bootstrap modal mit Typoskript. Ich bin mit dem default-bootstrap 4 Modal. Hier ist der code. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content">

Bootstrap-4 Center Seitenumbruch in Spalte

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

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

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

Öffnen Sie bootstrap modal mit vue.js 2.0

Anzahl der Antworten 4 Antworten
Weiß jemand, wie man öffnen Sie ein bootstrap modal mit vue 2.0? Vor vue.js ich würde öffnen Sie einfach das modal durch die Verwendung von jQuery: $('#myModal').modal('show'); Jedoch, gibt es eine richtige Art und Weise sollte ich

Ändern Dropdown-Icon auf Bootstrap 4

Anzahl der Antworten 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 4: Wie haben eine volle Breite Navigationsleiste mit dem Inhalt in einen Behälter (Wie die SO Navbar)?

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

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

Anzahl der Antworten 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 reaktionsschnell button Größe

Anzahl der Antworten 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 center navbar Marke mit dem Zusammenbruch

Anzahl der Antworten 3 Antworten
Bootstrap-4 Alpha 6 Ich kann nicht scheinen, um herauszufinden, wie man sowohl die rechts-links und Links-link zu den beiden Zusammenbruch. Jetzt nur die Rechte Seite link zusammenbricht. <nav id="topNav" class="navbar fixed-top navbar-toggleable-sm navbar-inverse bg-inverse"> <button class="navbar-toggler navbar-toggler-right"

Bootstrap-4 Tabs nicht Umschalten

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

so zeigen Sie die QuickInfo mit bootstrap 4 und Winkel 2?

Anzahl der Antworten 3 Antworten
Möchte ich zeigen, das tool-Tipp für das Eingabefeld auf der Grundlage der Bedingung und hier ist der folgende code-snippet, das ich verwendet habe. ich möchte die display-tool-Tipp basiert auf einer bestimmten Variablen. <input type="text" class="form-control error-tooltip" focusFirst="false"

Bootstrap-4 flex-grid-system nur

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

Was bedeutet offset tun, in der Bootstrap-4?

Anzahl der Antworten 6 Antworten
Bin ich nach einer Webseite, die Erstellung tutorial, und der Lehrer erstellt eine division mit der Klasse "col-sm-offset-1". Was bedeutet dies tun, um den Inhalt in dem div mit der Klasse? Hier ist der komplette code: <div

Nur-Text-Karussell

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

Bootstrap-4 responsive navbar, dass die Einstürze in xs Breite?

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

Bootstrap-4 Karten-deck table-cell Spalten responsive basierend auf der viewport?

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

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

Bootstrap-4: Wie man die Zeile stretch Verbleibende Höhe?

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

Fügen Sie den Abstand zwischen vertikal gestapelten Säulen in der Bootstrap-4

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

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

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

Wie man vertikal zentrieren einen text in einer Spalte (bootstrap 4)?

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

Breite der Eingänge in inline-form - Bootstrap 4

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

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

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

Richten Sie die form in die Mitte, Bootstrap 4

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

Spalte Bestellung in der Bootstrap-4 mit push/pull col-md-12

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

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

Make Bootstrap Button Transparent

Anzahl der Antworten 3 Antworten
Wie mache ich mein button transparent? Ich habe versucht, zu verwenden .btn-transparent, aber kann nicht scheinen, um es zu arbeiten. Den button einfach immer Grau. <p> <!-- Search Button --> <div class="container3"> <div class="btn-group "> <button type="button"

Bootsrap 4, Wie kann ich die center-richten Sie eine Schaltfläche?

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

Wie verwenden von flex-grow in Bootstrap v4?

Anzahl der Antworten 1 Antworten
In der doc und die Probleme der Bootstrap v4 (hier) Ich kann nicht sehen, jeder plan auf die Unterstützung von "flex-grow", etwas mit einer syntax wie in diesem Beispiel: <div class="d-flex"> <div class="flex-grow"> I use all the

Was ist das".auch' gleichwertige Klasse in der Bootstrap-4

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

Vertikale Ausrichtung in der Bootstrap-4

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