Als «twitter-bootstrap-3» getaggte Fragen

Ich versuche, Bootstrap 3.0 auf meiner Rails-App zu installieren. Ich habe kürzlich das Tutorial von Michael Hartl beendet und versuche nun, mein eigenes System mit dieser neuen Version von Bootstrap zu erstellen, aber ich habe einige Fragen, bei denen ich mir nicht sicher bin. Meine Systemspezifikationen: OS X Mountain Lion …

112 ruby-on-rails  ruby  twitter-bootstrap-3 

Ich habe ein Problem mit einem Modal. Ich habe eine Schaltfläche auf einer Seite, die das Modal umschaltet. Wenn das Modal angezeigt wird, springt die Seite nach oben. Ich habe alles getan, um eine Lösung zu finden, aber ich bin wirklich verloren. BEARBEITEN: Ich habe es auch mit versucht: $('#myModal').modal('show');aber …

110 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3 

Dies ist der Effekt, den ich mit dem Bootstrap 3-Karussell erzielen möchte Anstatt jeweils nur einen Frame anzuzeigen, werden N Frames nebeneinander angezeigt. Wenn Sie dann schieben (oder wenn es automatisch gleitet), verschiebt es die Gruppe von Folien wie es ist. Kann dies mit dem Karussell von Bootstrap 3 durchgeführt …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

Ich versuche, die Höhe der Bootstrap 3.0-Navigationsleiste zu verringern, die bei festem Top-Verhalten verwendet wird. Hier verwende ich Code. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

Ich möchte die Beschriftungen nicht über dem Eingabefeld, sondern auf der linken Seite haben. <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" class="btn btn-default …

104 css  twitter-bootstrap-3 

Ich habe es versucht, bin aber falsch gelaufen Hier ist die CSS body .modal-ku { width: 750px; } und hier ist das fehlgeschlagene Ergebnis

104 html  css  twitter-bootstrap-3 

Ich bin neu in Bootstrap und habe die ältere Version 2.3.2. Version 3 wurde veröffentlicht. Ersetze ich einfach die CSS- und Javascript-Dateien, wenn ich die neueste Version verwenden möchte?

102 twitter-bootstrap  twitter-bootstrap-3 

Ich habe gerade diese Seite http://www.elmastudio.de/ besucht und mich gefragt, ob es möglich ist, den Zusammenbruch der linken Seitenleiste mit Bootstrap 3 zu erstellen. Code zum Reduzieren der Seitenleiste von oben (nur Telefon): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> Die Seitenleiste selbst hat die …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

Wofür ist das tabindexAttribut in Bootstrap 3? Die Dokumentation sagt nichts über sie aus, obwohl sie praktisch in allen Modalitäten verwendet werden. Ich habe dies nur in Bezug auf seine Verwendung gefunden, was nicht wirklich viel aussagt Zugängliche Tooltips für Benutzer von Tastaturen und unterstützenden Technologien Für Benutzer, die mit …

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

Ich weiß, dass Bootstrap 3es einen horizontalen Teiler gibt, den Sie in Dropdown-Menüs platzieren können, um Links wie diesen zu trennen: <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> Meine Frage ist: Gibt es eine Möglichkeit, dies zu tun, ohne dass es in einem Dropdown-Menü …

98 twitter-bootstrap  twitter-bootstrap-3 

Ich migriere meine Bootstrap-Designs von Version 2.3.2 auf Version 3.0.0. Eine Sache, die mir aufgefallen ist, ist, dass viele Dimensionen aufgrund der folgenden Stile in bootstrap.css unterschiedlich berechnet werden. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Kann jemand erklären, warum Bootstrap die Boxgröße aller Elemente auf …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

Ich möchte, dass mein Inhalt flüssig ist, aber wenn ich ihn .container-fluidmit dem Bootstrap-Raster verwende, sehe ich immer noch Polsterung. Wie kann ich die Polsterung loswerden? Ich sehe, dass ich das Auffüllen mit .row nicht bekomme, aber ich möchte Spalten hinzufügen, und sobald ich es tue, ist das Auffüllen wieder …

97 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Bei der Migration auf Bootstrap 4 tritt ein Problem mit den neuen versteckten / sichtbaren Klassen für reaktionsfähige Dienstprogramme auf . Ich bin mir bewusst , dass .hidden- Klassen wurden von v3 entfernt und ersetzt mit .hidden-*-up .hidden-*-down. Verwenden Sie die neuen .hidden-*-up.hidden-*-downKlassen, aber die Elemente ändern sich nicht in …

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle Ich vermute, dass ich den Formularinhalt in einer Javascript-Funktion speichern würde ... Wie kann ich ein Formular in einem Bootstrap-Popover enthalten?

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

Ich verwende diesen Code also, um ein anderes modales Fenster in einem aktuell geöffneten modalen Fenster zu öffnen: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> Was passiert ist, dass für etwa 500 ms die Bildlaufleiste dupliziert wird. Ich denke, weil das aktuelle Modal immer noch ausgeblendet ist. Es sieht jedoch sehr ungleichmäßig und stotternd …

95 javascript  jquery  twitter-bootstrap  modal-dialog  twitter-bootstrap-3