Als «twitter-bootstrap» getaggte Fragen

Bootstrap ist ein Front-End-Framework, mit dem die Entwicklung von Web-Apps und Websites angekurbelt werden soll. Bei Fragen zu einer Version von Bootstrap verwenden Sie auch das Tag der jeweiligen Version aus den Tags "twitter-bootstrap-2", "twitter-bootstrap-3" und "bootstrap-4".

14
Laden Sie Inhalte in Modal neu (Twitter Bootstrap)
Ich verwende das modale Popup von Twitter Bootstrap. <div id="myModal" class="modal hide fade in"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Header</h3> </div> <div class="modal-body"></div> <div class="modal-footer"> <input type="submit" class="btn btn-success" value="Save"/> </div> </div> Ich kann Inhalte mit Ajax mit diesem a-Element laden: <a data-toggle="modal" data-target="#myModal" href="edit.aspx">Open modal</a> Jetzt muss ich das …
1
Warum hat Bootstrap 3 auf Box-Sizing: Border-Box umgestellt?
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 …
12
Wie setze ich den Offset für ScrollSpy in Bootstrap?
Ich habe eine Site mit der Navigationsleiste oben und 3 Divs darunter im Hauptinhaltsbereich. Ich versuche, scrollspy aus dem Bootstrap-Framework zu verwenden. Ich habe es erfolgreich die verschiedenen Überschriften im Menü hervorgehoben, wenn Sie über die Divs scrollen. Ich habe es auch so, wenn Sie auf das Menü klicken, wird …
1
Bootstrap Datums- und Zeitauswahl [geschlossen]
Diese Frage passt derzeit nicht zu unserem Q & A-Format. Wir erwarten, dass die Antworten durch Fakten, Referenzen oder Fachwissen gestützt werden, aber diese Frage wird wahrscheinlich zu Debatten, Argumenten, Umfragen oder erweiterten Diskussionen führen. Wenn Sie der Meinung sind, dass diese Frage verbessert und möglicherweise erneut geöffnet werden kann, …
18
So legen Sie den ausgewählten Wert bei Auswahl mit dem Selectpicker-Plugin vom Bootstrap fest
Ich verwende das Bootstrap-Select- Plugin wie folgt: HTML : <select name="selValue" class="selectpicker"> <option value="1">Val 1</option> <option value="2">Val 2</option> <option value="3">Val 3</option> <option value="4">Val 4</option> </select> Javascript : $('select[name=selValue]').selectpicker(); Jetzt möchte ich den ausgewählten Wert auf diese Auswahl setzen, wenn auf die Schaltfläche geklickt wird ... so etwas: $('#mybutton').click(function(){ $('select[name=selValue]').val(1); }); …
18
Bootstrap Datepicker nach Auswahl ausblenden
Wie verstecke ich den Kalender, nachdem ein Datum ausgewählt wurde? Gibt es eine bestimmte Funktion, die ich verwenden kann? Mein Code unten: $('#dp1').datepicker({ format: 'mm-dd-yyyy', startDate: '-15d', autoclose: true, endDate: '+0d' // there's no convenient "right now" notation yet }); Jede Hilfe wäre dankbar.
8
So erstellen Sie ein responsives Image, das auch in Bootstrap 3 skaliert werden kann
Ich verwende derzeit Twitter Bootstrap 3 und habe ein Problem beim Erstellen eines reaktionsfähigen Images. Ich habe img-responsiveKlasse benutzt. Die Bildgröße wird jedoch nicht vergrößert. Wenn ich width:100%stattdessen benutze max-width:100%, funktioniert es perfekt. Wo ist das Problem? Das ist mein Code: <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img …
8
Wie übergebe ich Parameter an ein Modal?
Ich möchte die userNameaus einer Liste der userNameangemeldeten Benutzerklicks an den Twitter-Bootstrap weiterleiten modal. Ich verwende Grails mit AngularJs , bei denen Daten über AngularJs gerendert werden . Aufbau Meine Grals-Ansichtsseite encouragement.gspist <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"> …
3
"Icon-Bar" in der Twitter Bootstrap Navigationsleiste
Ich kann nicht verstehen, was der folgende Code bedeutet icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> Wofür ist icon-bar? Warum gibt es drei ähnliche Fälle? Dieser Code befindet sich in der Navigationsleiste: <div class="navbar-header"> ... </div>
14
Styling von Twitter Bootstrap Buttons
Twitter-Bootstrap-Buttons sind unglaublich schön. Probieren Sie sie aus, indem Sie über sie scrollen Aber sie sind in den Farben begrenzt. Gibt es eine Möglichkeit, die Grundfarbe des Buttons zu ändern und gleichzeitig den schönen Hover-Over-Effekt beizubehalten, den Bootstrap so schön und mühelos gemacht hat? Ich weiß überhaupt nicht, wie das …
4
Bootstrap 4 Responsive Utilities sichtbar / versteckt xs sm lg funktioniert nicht
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 …
8
Formular in einem Bootstrap-Popover enthalten?
<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?
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.