Als «twitter-bootstrap» getaggte Fragen

Ich habe diesen Code: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

Das wird ärgerlich - wenn ich auf ein Element in einer Bootstrap-Dropdown-Liste klicke, wird die Dropdown-Liste nicht geschlossen. Ich habe es so eingerichtet, dass ein Facebox-Leuchtkasten geöffnet wird, wenn Sie auf das Dropdown-Element klicken, aber es liegt ein Problem damit vor. Was ich versucht habe Wenn auf das Element geklickt …

92 jquery  twitter-bootstrap 

Ich möchte abwechselnd 100% farbige Blöcke erstellen. Eine "ideale" Situation wird als Anhang dargestellt, ebenso wie die aktuelle Situation. Gewünschtes Setup: Zur Zeit: Meine erste Idee war, eine div-Klasse zu erstellen, ihr eine Hintergrundfarbe zu geben und sie 100% breit zu machen. .block { width: 100%; background: #fff; } Sie …

92 css  twitter-bootstrap  width 

Ich bin sehr noob, also denke ich, dass ich etwas (wahrscheinlich offensichtliches) mit Twitter Bootstrap Modal beaufsichtige. Ich versuche, ein Modal nur auf Mobilgeräten zu starten. Dies funktioniert gut mit dem Hinzufügen der Klasse .visible-phone zum modalen div. So weit, ist es gut. Aber dann möchte ich, dass es funktioniert, …

91 twitter-bootstrap  modal-dialog 

Ich verwende das premailer-rails3Juwel, das Stile für HTML-E-Mails inline zieht, und ich versuche, es mit Twitter-Bootstrap zum Laufen zu bringen. https://github.com/fphilipe/premailer-rails3 Es sieht so aus, als ob einige Stile korrekt eingehen, aber nicht alle. Ich frage mich, ob jemand ein gutes Beispiel dafür hat, wie er seine Twitter-Bootstrap-CSS (geändert oder …

91 html  twitter-bootstrap  html-email 

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 

Ich verwende das Bootstrap-CSS-Framework von Twitter (was fantastisch ist). Für einige Nachrichten an Benutzer zeige ich sie mithilfe der Warnungen Javascript JS und CSS an. Interessenten finden es hier: http://getbootstrap.com/javascript/#alerts Mein Problem ist dies; Nachdem ich einem Benutzer eine Warnung angezeigt habe, möchte ich, dass diese nach einem bestimmten Zeitintervall …

90 javascript  jquery  css  twitter-bootstrap  alert 

Ich verwende Twitter Bootstrap und versuche, eine Schaltfläche in einer Tabellenzelle zu zentrieren. Ich brauche es nur wirklich vertikal zentriert. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> Bitte sehen Sie meine JSFiddle für das …

90 css  twitter-bootstrap 

Ich versuche, den Bootstrap-Tooltip in einer meiner Apps zu verwenden. Meine App verwendet AngularJS. Derzeit habe ich Folgendes: <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left"> Tooltip on left </button> Ich denke ich muss verwenden $("[data-toggle=tooltip]").tooltip(); Ich bin mir jedoch nicht sicher. Selbst wenn ich die obige Zeile hinzufüge, …

90 angularjs  twitter-bootstrap  twitter-bootstrap-tooltip 

Die passenden Teile von dem, was ich versucht habe, sind hier: <a href="#" data-content="<div id='my_popover'></div>"> Click here </a> $(".button").popover({html: true}) $(".button").click(function(){ $(this).popover('show'); $("#my_popover").load('my_stuff') }) Wenn ich auf klicke, wird die Anforderung angezeigt, das Popover wird jedoch nicht ausgefüllt. Ich sehe nicht einmal, dass HTML für das Popover zum DOM hinzugefügt …

90 jquery  twitter-bootstrap 

Meine Tabellen werden auf dem Desktop gut angezeigt, aber sobald ich versuche, die mobile Version anzuzeigen, ist meine Tabelle zu breit für den Bildschirm des mobilen Geräts. Ich verwende ein ansprechendes Layout. Wie kann ich Tabellenbreiten für die mobile Ansicht festlegen? Welche anderen Alternativen gibt es, um tabellarische Daten in …

90 twitter-bootstrap  twitter-bootstrap-3 

Ich verwende Twitter Bootstrap und stelle fest, dass jQuery show()oder ein fadeIn()mit Klasse gekennzeichnetes DOM-Element nicht angezeigt wird hidden, da die jQuery-Funktionen nur die display: noneSpezifikation entfernen . Das visibilityist jedoch immer noch eingestellt hidden. Ich frage mich, wie ich das am besten umgehen kann. Entfernen Sie die hiddenKlasse für …

89 jquery  twitter-bootstrap 

Ich möchte das blaue Leuchten des Textfelds und des Rahmens entfernen, aber ich weiß nicht, wie ich eines der js oder das css davon überschreiben soll. Überprüfen Sie hier BEARBEITEN 1 Ich möchte dies tun, weil ich das jquery-Plugin Tag-it verwende und auch den Twitter-Bootstrap verwende. Das Plugin verwendet ein …

89 javascript  jquery  html  css  twitter-bootstrap 

Ist es möglich, ein mehrstufiges Dropdown-Menü mit den Elementen von Twitter Bootstrap 2 zu erstellen? Die Originalversion verfügt nicht über diese Funktion.

89 css  twitter-bootstrap 

Es ist meine erste Twitter Bootstrap Erfahrung. Ich habe einige Überschriften hinzugefügt (h1, h2 usw.) und sie sind links ausgerichtet. Was ist der richtige Weg, um Überschriften zu zentrieren?

89 twitter-bootstrap