Tag: twitter bootstrap

Meteor 0.6.5.1 und twitter typeahead.js – (Wie) funktioniert es?

Ich wechselte von Twitter Bootstrap 2 zu Bootstrap 3 und fand mich ohne typeahead, es wird empfohlen, Twitter typeahead.js jetzt verwenden. Das entsprechende Meteor-Paket scheint in Bezug auf typeahead.js aktuell zu sein , wurde aber wahrscheinlich von den neuesten Updates von Meteor veraltet. Für mich funktioniert es nicht richtig. Weiß jemand, wie man typeahead.js in […]

Wie füge ich eine Maske auf ein Bootstrap-Element?

Ich benutze bootstrap's Karussell ( http://twitter.github.com/bootstrap/javascript.html#carousel ), um eine vom Benutzer eingereichte Galerie zu zeigen. Weil es Benutzer angemeldet ist, sieht es nicht sehr gut aus mit dem Rest meiner Website-Design thats, warum ich eine Layer-Maske auf Top-off alles hinzufügen wollen Hier ist die Maske: http://img52.imageshack.us/img52/2659/degrade.png Leider bin ich nicht in der Lage zu zeigen, […]

Ist es möglich, CSS Content mit js zu ändern?

Ich benutze Bootstrap in meinem Projekt und ich brauche kleine Wrapper. Ich bekomme es von twitters Quelle und es sieht aus wie: section#my-content { background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; margin: 15px 0; padding: 39px 19px 14px; position: relative; } section#my-content:after { background-color: #F5F5F5; border: 1px solid #DDDDDD; border-radius: 4px […]

Jasny Hochladen Bild Vorschau Plugin, wenn vorhandenes Bild ist leer

Ich arbeite mit jasny upload image Vorschau Plugin für bootstrap 3 Aber das funktioniert nicht, wenn Vorschaubild leer ist. Ich muss nur no+image und select image Schaltfläche nicht empty div und change / remove Schaltfläche. HTML: <div class="fileinput fileinput-exists" data-provides="fileinput" data-name="myimage"> <input type="hidden" name="myimage" value="1" /> <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;"> <img src="http://www.placehold.it/200×150/EFEFEF/AAAAAA&text=no+image" […]

Twitter Bootstrap-Tabs funktionieren nicht in IE8

Ich versuche, Tabs zu bekommen, die in IE8 arbeiten, mit Code direkt von der Beispielseite für Twitter Bootstrap, aber sie sind einfach nicht so verhalten wie auf der Beispielseite. Im Einzelnen bleiben die inaktiven Registerkarten immer sichtbar. Code unten: <head> <link href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet" media="screen"> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.min.js"></script> </head> <ul class="nav nav-tabs" id="myTab"> <li class="active"><a […]

Wie man andere Tafeln schließt, wenn eine andere geöffnet ist

Ich bin Neuling in bootstrap und jquery, mit dem Code unten, um viele Bootstrap-Panels zu erstellen, mein Problem ist, dass ich möchte die anderen Panels schließen, wenn ich in voller Größe Symbol von einem Panel jemand wissen, wie kann es tun? Danke <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> Panel Widget Title <div class="pull-right"> <a […]

Bootstrap Modal innerhalb Google Map funktioniert nicht

Ich versuche, Google Map in bootstrap modal hinzuzufügen, aber es funktioniert nicht für mich. Wenn ich auf den Link klicke, öffnet es das modale Fenster, aber die Karte zeigt nicht richtig, es funktioniert gut ohne Modal, aber ich weiß nicht, was jetzt passiert ist. <script type="text/javascript"> $(document).on("click", ".open-AddBookDialog", function () { var myBookId = $(this).data('id'); […]

Neue Höhe wird nicht berücksichtigt, wenn scrollTop nach dem erneuten Laden eines div innerhalb eines Bootstrap Modals verwendet wird

Ich habe ein Bootstrap-basiertes Modal, das es Benutzern ermöglicht, Beiträge hinzuzufügen und zu betrachten: <div class="modal fade hide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="prodCommentModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <div class="modal-title">Comments</div> </div> <div class="modal-body" data-no-turbolink> <span id="modal-body-span"> <%= render partial: 'posts/getposts' %> </span> </div> <div class="modal-footer"> <%= form_for(@micropost) do […]

Aktion nach window.close ()

Ich habe einige Probleme mit Javascript. Ich möchte nach dem Schließen eines Popup-Fensters eine Aktion machen <script type="text/javascript"> window.close() window.opener.document.getElementById("login").modal('hide'); </script> "Window.opener.document.getElementById (" login ")" dieser Teil wird in der Konsole erkannt, aber nicht die modale Funktion: "Uncaught TypeError: window.opener.document.getElementById (…) modal ist keine Funktion (…) " Ich dachte, es ist, weil jquery nicht vor […]

So erstellen Sie Tabelle mit Multiline-Zellen in React-Bootstrap?

Ich möchte Tisch erstellen, wo einige Zellen mehrere Zeilen enthalten. Es ist Arbeit, wenn ich es mache: <Table bordered> <thead> <tr> <th>Date</th> <th>Analysed ID</th> <th>Analysed Name</th> <th>Solve To change</th> </tr> </thead> <tbody> <tr> <td rowSpan="3">Date</td> </tr> <tr> <td>ID</td> <td>Name</td> <td>Decision</td> </tr> <tr> <td>ID</td> <td>Name</td> <td>Decision</td> </tr> </tbody> </Table> Ich habe es: Tisch mit Multiline Zelle […]

Lassen Sie uns Javascript Schönheit und nützlich machen.