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".

12
Wie platziere ich eine Bildlaufleiste nur für den Modalkörper?
Ich habe folgendes Element: <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> <div class="modal-footer"></div> </div> </div> </div> Es zeigt einen modalen Dialog wie diesen. Im Grunde genommen wird die Bildlaufleiste um den gesamten Bereich …
9
So erstellen Sie eine druckbare Twitter-Bootstrap-Seite
Ich verwende Twitter-Bootstrap und muss in der Lage sein, die Seite so zu drucken, wie sie im Browser aussieht. Ich kann andere mit Twitter-Bootstrap erstellte Seiten problemlos drucken, aber ich kann meine Seite, die ausschließlich Twitter-Bootstrap verwendet, nicht drucken. Vermisse ich irgendwo einen Tag? Offizielle TB-Seite beim Drucken: Meine Seite …
11
Bootstrap 4 Vertikale und horizontale Ausrichtung zentrieren
Ich habe eine Seite, auf der nur ein Formular vorhanden ist, und ich möchte, dass das Formular in der Mitte des Bildschirms platziert wird. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" …
11
So machen Sie Twitter Bootstrap modal Vollbild
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-body"> <%= image_tag "Background.jpg" %> </div> </div> Wie erstelle ich ein modales Twitter-Bootstrap-Popup im Vollbildmodus für den obigen Code? Ich habe versucht, mit CSS herumzuspielen, konnte es aber nicht so bekommen, wie ich es wollte. Kann mir bitte jemand dabei …
6
Wie mache ich Twitter Bootstrap Tooltips mit mehreren Zeilen?
Ich verwende derzeit die folgende Funktion, um Text zu erstellen, der mit dem Tooltip-Plugin von Bootstrap angezeigt wird. Wie kommt es, dass mehrzeilige Tooltips nur funktionieren <br>und nicht \n? Ich bevorzuge, dass die Titelattribute meiner Links kein HTML enthalten. Was funktioniert def tooltip(object) tooltip = "" object.each do |user| tooltip …
4
Gestapelte Tabs in Bootstrap 3
Ich versuche, linksbündig gestapelte Registerkarten mithilfe des Tab-Abfrage-Plugins in Bootstrap 3 zu implementieren, bei dem Registerkarten vertikal links vom Registerkarteninhalt und nicht oben gerendert werden. Wenn ich Folgendes versuche; <ul class="nav nav-tabs nav-stacked"> <li><a href="#tab1" data-toggle="tab">Tab 1</a></li> <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> <li><a href="#tab3" data-toggle="tab">Tab 3</a></li> </ul> <div class="tab-content"> <div class="tab-pane …
11
Wie kann ich zwischen zwei Schaltflächen in derselben Abteilung Platz schaffen?
Was ist der beste Weg, um Bootstrap-Schaltflächen horizontal zu platzieren? Im Moment berühren sich die Tasten: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> …
17
Bootstrap 3 und Youtube in Modal
Ich versuche, die Modal-Funktion von Bootstrap 3 zu verwenden, um mein Youtube-Video anzuzeigen. Es funktioniert, aber ich kann keine Schaltflächen im Youtube-Video anklicken. Hilfe dazu? Hier ist mein Code: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" …
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.