Als «twitter-bootstrap» getaggte Fragen

Gibt es eine Möglichkeit, HTML in das CSS- content:Element einzubetten, wenn ein :beforePseudoelement verwendet wird? Ich möchte eine Font Awesome (oder Glyphicon) in einem Anwendungsfall wie diesem verwenden: h1:before { content: "X"; padding-right: 10px; padding-left: 10px; color: @orangeLight; } Wo Xist so etwas <i class="icon-cut"></i>. Ich kann dies natürlich manuell …

77 css  twitter-bootstrap  font-awesome 

Ich habe mich gefragt, ob jemand erklären kann, wie ich 7 gleiche Spalten im Bootstrap erhalten kann. Ich versuche einen Kalender zu erstellen. Dieser Code scheint 5 zu tun: div class="row"> <div class="col-md-2 col-md-offset-1"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> </div> Mein Hauptinhalt hat die folgende Klasse, daher …

77 html  css  twitter-bootstrap  twitter-bootstrap-3 

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 

Mit oder ohne Top-Navi ist es sehr häufig, dass Websites eine klebrige Fußzeile haben. Bootstrap verfügt über eine Funktion zum einfachen Erstellen fester Fußzeilen, aber keine solche Funktion zum Erstellen klebriger Fußzeilen - es gibt einen großen Unterschied. Wenn Sie diese Frage googeln, werden Sie feststellen, dass Hunderte, wenn nicht …

76 css  twitter-bootstrap  twitter-bootstrap-3  sticky-footer 

Wie Sie wissen, ist Bootstrap RC 1 hier und ich habe über alle neuen fantastischen Funktionen in diesem neuen Framework gelesen. Aber raten Sie mal, Typehead ist nicht in der Dokumentation enthalten. Weiß jemand, ob dies aus irgendeinem Grund ist? Ich habe diese Beispiele beim Googeln gefunden und in diesem …

76 jquery  twitter-bootstrap  twitter-bootstrap-3 

JS: $(function(){ $("#example").popover({ placement: 'bottom', html: 'true', title : '<span class="text-info"><strong>title</strong></span> <button type="button" id="close" class="close">×</button>', content : 'test' }) $('html').click(function() { $('#close').popover('hide'); }); }); HTML: <button type="button" id="example" class="btn btn-primary" ></button> Ich schreibe, dein Code zeigt dein Popup nicht. Ist jemand auf dieses Problem gestoßen?

76 jquery  twitter-bootstrap  popover 

Ich benutze Bootstrap Datepicker zusammen mit einem Line Highchart. Ich möchte, dass das Datum der Datumsauswahl aktualisiert wird, wenn das Diagramm gezoomt wird. Sobald dieses Ereignis ausgelöst wird, aktualisiere ich die Werte des Datepickers. Die Werte werden problemlos aktualisiert, aber wenn auf den Kalender geklickt wird, ist das Datum im …

76 jquery  datepicker  twitter-bootstrap 

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 baue meine erste Seite mit Twitter Bootstrap und experimentiere mit flüssigen Layouts. Ich habe meinen Container so eingestellt, dass er flüssig ist. Jetzt nimmt der Inhalt die gesamte Seitenbreite ein und passt sich an, wenn ich die Größe des Browsers ändere. Das Design, an dem ich arbeite, wurde für …

75 html  twitter-bootstrap  css 

Wie Sie hier sehen können , habe ich eine Schaltfläche, mit der ein Modal gestartet wird. Festlegen einer href-URL für die Schaltfläche Diese URL wird von Bootstrap 3 automatisch in modal geladen. Tatsache ist, dass diese Seite in modal root geladen wird (wie in der Bootstrap 3-Dokumentation für die Verwendung …

75 ajax  twitter-bootstrap  twitter-bootstrap-3  modal-dialog 

Ich versuche, viel Text in eine mit Twitter Bootstrap erstellte modale Box einzufügen, aber ich habe ein Problem: Dieser Inhalt weigert sich zu scrollen. Ich habe versucht, overflow:scrollund hinzuzufügen overflow-y:scroll, aber ohne Erfolg; Dadurch wird lediglich eine Bildlaufleiste angezeigt, ohne dass das Scrollen aktiviert ist. Was ist die Ursache dahinter …

75 css  twitter-bootstrap  scroll 

Ich habe ein Formular in ein Bootstrap-Dropdown-Menü eingefügt, aber wenn ich auf eines der Felder im Formular klicke, wird das Dropdown-Menü ausgeblendet. Ich habe diesen Code, weiß aber nicht, wo ich ihn ablegen soll, um zu verhindern, dass das Dropdown-Menü verschwindet. $(function test() { // Setup drop down menu $('.dropdown-toggle').dropdown(); …

75 javascript  html  drop-down-menu  twitter-bootstrap 

Enthält Twitter Bootstrap v3 jQuery oder muss ich jQuery separat einschließen? Wenn es jQuery enthält, welche Version (Anzahl) von jQuery ist enthalten, und sind alle jQuery-Funktionen verfügbar, wenn Bootstrap verwendet wird?

75 jquery  twitter-bootstrap 

Ich habe einige Webseiten, die nicht viel Inhalt haben, und die Fußzeile befindet sich in der Mitte der Seite, aber ich möchte, dass sie unten angezeigt wird. Ich habe alle meine Seiten in einen "Halter" gelegt #holder { min-height: 100%; position:relative; } Und dann das folgende CSS für meine Fußzeile …

75 css  twitter-bootstrap