Als «bootstrap-4» getaggte Fragen

Hat Bootstrap 4 einen eingebauten horizontalen Teiler? 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 möchte das eingebaute Bootstrap-CSS verwenden. Ich kann es nirgendwo in den Dokumenten finden. Vielleicht fehlt es mir.

94 html  css  bootstrap-4  twitter-bootstrap-4 

Ist es möglich, die Bootstrap-Primärfarbe so zu ändern, dass sie mit der Markenfarbe übereinstimmt? In meinem Fall verwende ich das Papiermotiv von Bootswatch.

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Ich habe versucht, Bootstrap 4 zu installieren, und folgende Links eingefügt <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> Der folgende Fehler tritt jedoch auf: Nicht erfasste SyntaxError: Unerwarteter Token-Export Irgendwelche Ideen, wie man das Problem behebt?

91 javascript  twitter-bootstrap  bootstrap-4  popper.js 

<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" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Ich kann …

89 css  twitter-bootstrap  bootstrap-4 

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> Angenommen, contentes handelte sich um Boxen unterschiedlicher Höhe mit derselben Breite - wie könnte ich das gleiche "gitterbasierte Layout" beibehalten und dennoch alle …

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

Ich brauche Hilfe, um das Problem zu beheben. Ich muss den Inhalt in der Spalte in Bootstrap4 zentrieren. Den Code finden Sie unten <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

87 twitter-bootstrap  flexbox  bootstrap-4 

Ich habe mir eines der Bootstrap-Beispiele angesehen, die die Klassen card-deckund cardverwenden ( Preisbeispiel ). Ich habe mich gefragt, wie man die Tastenausrichtung korrigieren kann, wenn eine der Listen weniger Elemente enthält als die anderen. Ich möchte, dass alle Schaltflächen vertikal ausgerichtet sind (am unteren Rand jeder Karte), aber ich …

81 html  css  twitter-bootstrap  bootstrap-4 

Ich habe 3 Spalten, die ich auf Desktop und Mobile auf unterschiedliche Weise bestellen möchte. Derzeit sieht mein Gürtel so aus: <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"> 3 </div> </div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet In der …

80 css  bootstrap-4  grid 

Ich versuche eine Zeile mit 2 Spalten zu erstellen. Eine Spalte links mit linksbündigem Inhalt und die zweite Spalte rechtsbündig (altes Pull-Right). Wie gehe ich in Alpha-6 vor? Ich habe ein paar Dinge ausprobiert, aber das habe ich bisher. Was vermisse ich? <div class="row"> <div class="col">left</div> <div class="col ml-auto">content needs …

79 twitter-bootstrap  bootstrap-4 

Gibt es pointer:cursorin Bootstrap 4 eine CSS-Klasse oder ein CSS-Attribut speziell für Schaltflächen oder Links? <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet"/> <button type="button" class="btn btn-success">Sample Button</button> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet

77 html  css  twitter-bootstrap  bootstrap-4 

Bootstrap 4 verwendet Flex-Box für seine modalen Fußzeilen. Wenn ich zwei Tasten möchte, eine links und eine rechts, wie kann ich sie richtig einsetzen? Der folgende Code versucht, ein div.rowmit zu verwenden col-sm-6, funktioniert jedoch nicht. <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> <!-- Button trigger modal --> …

76 twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

Ich habe Probleme mit dem Bootstrap 4-Dateibrowser. Wenn ich die benutzerdefinierte Dateikontrolle verwende, wird ständig der Wert "Datei auswählen" angezeigt. https://v4-alpha.getbootstrap.com/components/forms/#file-browser Ich möchte den Wert von select file ändern, nachdem die Datei ausgewählt wurde. Dieser Wert ist tatsächlich in CSS versteckt .custom-file-control:lang(en)::afterund ich weiß nicht, wie ich in Javascript darauf …

76 javascript  jquery  css  twitter-bootstrap  bootstrap-4 

Ich schreibe eine Website in HTML5 und Bootstrap 4 und versuche, ein quadratisches Bild in einen Kreis zu verwandeln. In Bootstrap 3 war dies problemlos möglich .img-circle, aber jetzt kann ich es scheinbar nicht zum Laufen bringen und kann online keine Antworten finden. Hat Bootstrap die img-circle-Klasse gelöscht oder ist …

75 html  css  twitter-bootstrap  bootstrap-4 

Ich bin gerade auf Bootstrap 4 migriert und meine xs-Schaltflächen scheinen nicht mehr extra klein zu sein! Wenn Sie in den Dokumenten nach Schaltflächen in Bootstrap 4 suchen, wird die Option für besonders kleine Schaltflächen nicht angezeigt. Kann mir das jemand bestätigen? Vielen Dank!

73 twitter-bootstrap  twitter-bootstrap-4  bootstrap-4 

Ich entwickle eine einfache React-Spring-Boot-Anwendung, aber aufgrund eines GitHub-Problems erstelle ich meine Anwendungsstarterdateien mit IntelliJ neu und installiere die Knotenmodule mit den Abhängigkeitsdaten der Datei package.json der vorherigen Anwendung. Wenn ich eine reduzierende Navigationsleiste verwende (Hamburger-Leiste -> reaktionsfähige Navigationsleisten, die in der mobilen Ansicht kollabieren) und auf die Hamburger-Schaltfläche klicke, …

27 javascript  jquery  reactjs  bootstrap-4