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

30
Zentrieren Sie eine Spalte mit Twitter Bootstrap 3
Wie zentriere ich ein Div mit einer Spaltengröße innerhalb des Containers (12 Spalten) in Twitter Bootstrap 3 ? .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Ich möchte div, dass eine Klasse …
30
Wie kann ich Bootstrap-Spalten auf die gleiche Höhe bringen?
Ich benutze Bootstrap. Wie kann ich drei Spalten mit derselben Höhe erstellen? Hier ist ein Screenshot des Problems. Ich möchte, dass die blauen und roten Spalten die gleiche Höhe wie die gelbe Spalte haben. Hier ist der Code: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> …
23
vertikal mit Bootstrap 3 ausrichten
Ich verwende Twitter Bootstrap 3 und habe Probleme, wenn ich zwei vertikal ausrichten möchte div, zum Beispiel - JSFiddle-Link : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> <div class="col-xs-5"> …
14
Wie öffne ich ein modales Bootstrap-Fenster mit jQuery?
Ich verwende die modale Fensterfunktionalität von Twitter Bootstrap. Wenn jemand in meinem Formular auf "Senden" klickt, möchte ich das modale Fenster anzeigen, wenn ich im Formular auf "Senden" klicke. <form id="myform" class="form-wizard"> <h2 class="form-wizard-heading">BootStap Wizard Form</h2> <input type="text" value=""/> <input type="submit"/> </form> <!-- Modal --> <div id="myModal" class="modal hide fade" …
6
Was ist sr-only in Bootstrap 3?
Wofür wird die Klasse sr-onlyverwendet? Ist es wichtig oder kann ich es entfernen? Funktioniert gut ohne. Hier ist mein Beispiel: <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Sales</a></li> <li><a href="#">Technical</a></li> <li class="divider"></li> <li><a …
23
Wie erhalten Sie mit Twitter Bootstrap zentrierte Inhalte?
Ich versuche einem sehr einfachen Beispiel zu folgen. Mit der Startseite und dem Rastersystem hatte ich Folgendes gehofft: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet ... würde zentrierten Text erzeugen. Es erscheint jedoch immer noch ganz links. …
11
Binden Sie eine Funktion an Twitter Bootstrap Modal Close
Ich verwende die Twitter Bootstrap-Bibliothek für ein neues Projekt und möchte, dass ein Teil der Seite die neuesten JSON-Daten beim modalen Schließen aktualisiert und abruft. Ich sehe das nirgendwo in der Dokumentation. Kann mich jemand darauf hinweisen oder eine Lösung vorschlagen? Zwei Probleme bei der Verwendung der dokumentierten Methoden $('#my-modal').bind('hide', …
10
Daten an ein Bootstrap-Modal übergeben
Ich habe ein paar Hyperlinks, an die jeweils eine ID angehängt ist. Wenn ich auf diesen Link klicke, möchte ich ein Modal öffnen ( http://twitter.github.com/bootstrap/javascript.html#modals ) und diese ID an das Modal übergeben. Ich habe auf Google gesucht, aber ich konnte nichts finden, was mir helfen könnte. Dies ist der …
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.