Tag: twitter-bootstrap
Bootstrap ist ein Frontend-framework entwickelt, um kick-start der Entwicklung von Web-apps und Websites. Für Fragen, die sich auf eine version von Bootstrap verwenden auch die spezifische version des Tags von „twitter-bootstrap-2“, „twitter-bootstrap-3“ und „bootstrap-4“ tags.
3
Antworten
Ich bin mit sass-version von Bootstrap und anpassen möchten, mit den Tasten " - Schrift, so dass es unterscheidet sich von der system-schriftart. Ich kann nicht sehen, sass - /less-Variablen, ändern Sie die schriftart-Familie meiner Tasten: http://getbootstrap.com/customize/#buttons
4
Antworten
Ich bin mit Bootstrap und nutzen wollen, eine E-Mail-Kontakt-Formular. Ich habe setup eine test-Seite - http://www.beatrootonline.co.uk/test.html. Wie Sie sehen können, überprüfen Sie ok (jqBootstrapValidation.js) und scheint eine E-Mail senden. Ich bin jedoch nicht erhalten eine E-Mail über
4
Antworten
Ich versuche das Symbol glyphicon glyphicon-chevron-right zur Anzeige der Richtung, in der mein design, aber ich brauche etwas dünner als Standard-Größe. So wie zur Verringerung der Dicke des Standard-bootstrap-Symbol glyphicon glyphicon-chevron-right Mein code war:- <div style="color:#FFF;"> <span
2
Antworten
Will ich mit Datatables und Reaktionsschnell Erweiterung im inneren Bootstrap-Tabs. Ich habe diese arbeiten separat. $(document).ready(function() { $('#example').DataTable( { responsive: true } ); $('#exampleInTab').DataTable( { responsive: true } ); } ); $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { $($.fn.dataTable.tables(true)).DataTable() .columns.adjust()
3
Antworten
Könnte dies einfach, aber ich bin verloren in all den Lösungen habe ich es geschafft, zu finden auf der web. Ich habe eine laufende website (www.webstalab.com) basierend auf Twitter Bootstrap-3, aber das Bild (mit zwei Statuen halten
2
Antworten
(Wie) Kann ich einen link innerhalb einer twitter-bootstrap "list-group-item", der sich ein link ohne vermasselt die list-group-item-format? (siehe unten) <div class="list-group"> <a href="#" class="list-group-item active"> <h4 class="list-group-item-heading">List group item heading</h4> <p class="list-group-item-text">...</p> <a href="https://www.facebook.com/sharer/sharer.php?u=http" target="_blank"> Share on
2
Antworten
In diesem Beispiel klicken Sie auf die contact Registerkarte auf das nav-Menü öffnet sich ein bootstrap modal. Wenn der Benutzer eine Zeichenfolge in das modale text box von weniger als 10, gibt es eine Warnung und der
2
Antworten
Ich bin mit bootstrap-wysihtml5 zu implementieren WYSIHTML Editor in meiner bootstrap Webseite. Aber ich bekomme kein hoow kann ich pass den HTML-Inhalt an eine php Seite speichern, um die Inhalte in der Datenbank. Obwohl ich verwendet habe-ID(content)
1
Antworten
Ich verwendet Bootstrap carousel. Wenn ich auch flex-slider in der Position, das flex-slider funktioniert nicht. Wenn ich entfernen bootstrap.js das flex-Schieber arbeitet. Aber das Karussell nicht funktioniert. HTML: <div class="carousel-inner"> <div class="item active">img here</div> <div class="item">img here</div>
3
Antworten
Ich versuche dieses einfache tutorial, um zu versuchen, UI Bootstrap: https://scotch.io/tutorials/how-to-correctly-use-bootstrapjs-and-angularjs-together Aber ich bin, läuft in zwei Probleme. SyntaxError: erwartet Ausdruck, hab '<' in ui-bootstrap-1.3.3.js:5:0 Dies ist das erste problem. Ich habe nicht bearbeitet, nichts in der
1
Antworten
Ich bin mit bootstrap collapse Teile meiner website. Es funktioniert alles einwandfrei. Aber wenn ich zu kontrollieren versuchen, das Verhalten manuell durch javascript es funktioniert nicht wenn ich zum Beispiel dies: $(".collapse").collapse('hide'); oder genau diese: $(".collapse").each(function ()
1
Antworten
So ist dies die markup der datepicker: <div class="form-group row"> <div class="col-xs-3 col-md-offset-9"> <label class="control-label">Pick Date</label> <div class="input-group date" id="dp3" data-date="12-02-2012" data-date-format="mm-dd-yyyy"> <input class="form-control" type="text" readonly="" value="12-02-2012"> <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> </div> </div> </div> Tatsächlich sieht es
2
Antworten
Ich bin ussing bootstrap und haben möchte in der Kopfzeile eines Abschnitts ein link (Schaltfläche) um es zu Bearbeiten (wie die wikipedia [Bearbeiten] Abschnitt links). Dies ist, was ich habe, aber seine schlechten ausgerichtet (der button unter
3
Antworten
<div className="form-group"> <label className="col-sm-0 control-label"> Name : </label> <input type="text" value={this.state.UserName} onChange={this.handleChangeUserName} placeholder="Name" pattern="[A-Za-z]{3}" className="form-control" /> </div> Hallo, ich versuche zur Validierung eines Formular-input-Feld Reagiert mit pattern-Validierung. Aber es funktioniert nicht. Ich bin mit der Validierung
2
Antworten
Ich versuche zum implementieren einer navigation in einer Webseite mithilfe von angularJS. Das problem ist, dass der Weg gar nicht mehr funktioniert. Die browser-Konsole gibt keine Fehler und die ng-view einfach nicht zeigen, das templatesUrls. route.js var
2
Antworten
Versucht zu ändern bootstrap ist Sticky footer Beispiel http://getbootstrap.com/2.3.2/examples/sticky-footer-navbar.html zu haben vertikal zentrierte Inhalte, aber immer noch nicht zu tun. Den vollständigen code weiter unten. Ich versuche, die senkrecht ausrichten der Teil zwischen "Beginn der Seite "Inhalt"
1
Antworten
Habe ich versucht, das folgende zu erzielen, mit Twitter Bootstrap 2.0, und es ist popover-plugin, aber nach ein paar Stunden, ich kann immer noch nicht herausfinden. Lasst uns einfach sagen, auf der unten linken Ecke von meiner
2
Antworten
<th>Cars <i class="fa fa-sort-asc pull-right"></i></th> Wenn ich mit bootstrap ist pull-right Klasse richtet Sie das Symbol in meinem th an der oberen rechten Ecke, und entfernen pull-right richtet das Symbol zentriert, vertikal an der linken Seite, aber
2
Antworten
Bootstrap modal schließt wenn ich auf "Ok" - Taste zeigt von "alert ()" - Funktion. $("#expample").modal({ backdrop: 'static', keyboard: false, show: true }); Unten ist mein jquery: $('.sendToUser').on('click', function (){ var selectedLyrics = $('#selectedLyricsInput').val(); if($("input[name='selectUserRadio']").is(":checked") == false){
1
Antworten
Habe ich fummelte mit CSS (vor allem display und line-height) zu zwingen ihn in die Unterwerfung, aber ich Frage mich ist so etwas schon gebaut, der in den Rahmen? Hier ist ein Beispiel: http://jsfiddle.net/marvhen/MeB6g/19/ <p>WITH BOOTSTRAP: The
3
Antworten
Ich bin mit bootstrap-Stil ein Formular mit radio-buttons. Leider display:inline ist nicht die radio-buttons auf der form-inline. Weder in Bewegung ist display:inline in css. <div class="row"> <div class="span6 offset3"> <div style="display:inline"> <%= f.label "status_open", "Open" %> <%=
1
Antworten
Habe ich die Arbeit in ASP.NET Web-Anwendungen (nicht MVC) für eine Weile bei der Arbeit. Ich würde wirklich gerne mit dem twitter bootstrap-Rahmen eingearbeitet. Ich denke, es sieht gut aus und hat viel von der Arbeit bereits
2
Antworten
Ich versuche zu bekommen eine gezeigt Ereignisses, das ausgelöst wird beim dropdown-Menü in dieser Website läuft auf BS3.0 http://hmelius.com/avant/index.php Ich habe versucht, diesen code in die Konsole (aus der BS3-Dokumentation Seite), aber nicht mit Glück $('.dropdown-toggle').on('shown.bs.dropdown', function
1
Antworten
Konfigurieren von meine widget zeigte er die Anzahl der Ergebnisse auf dem Bildschirm angezeigt? Wie in standard-CGridview Paginierung (Zeige 1 - 10 von 4087 für *) <?php $this->widget('common.ext.bootstrap.widgets.TbGridView', array( 'id'=>'search-by-name-grid', 'type' => 'striped', 'dataProvider'=>$dataProvider, 'template'=>'{items}{pager}', 'enablePagination' =>
2
Antworten
Möchte ich hinzufügen, dass die Bootstrap-DateTime-picker auf meiner Webseite aber es hat nicht funktioniert.in meiner Bootstrap-Ordner habe ich erstellt test.html und fügte hinzu, schrieb folgenden code: <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport"
3
Antworten
Nach dem erstellen und löschen von Objekt -, ich-redirect auf die gleiche Aktion(indexAction). Nach erstellen ich würde gerne machen das bootstrap-Nachrichten-Blitz-Nachrichten: <div class="alert alert-success" role="alert"> <a href="#" class="alert-link">...</a> </div> aber nach dem löschen möchte ich render ein
4
Antworten
Ich ein Formular erstellen builder.php wie in der bootstrap-Dokumentation zum Aufbau meines login-Formular und meinem register Formular, so : http://bootstrap.braincrafted.com/base-css#forms Aber Nächstes entdecke ich die FOSUserBundle und ich denke, es ist vielleicht eine gute Idee, es zu
2
Antworten
Ich habe ein problem mit dem bekommen von Boostrap ' s miniaturen & Karten line up Seite an Seite in Ihren grid-system. Im Grunde ist dies eine Zuordnung & ich habe zu Folgen, bestimmte Parameter: -muss die
2
Antworten
Ich habe 4 tab-Abschnitte in eine Event-Seite ansehen. Ich habe es zu arbeiten, wo ALLE Inhalte für jede Registerkarte wird abgerufen und gerendert, wenn ein Ereignis-Seite angefordert wird. Dies scheint nicht wie eine gute Lösung für Skalierbarkeit...
3
Antworten
Ich bin mit dem YAMM erstellen Sie eine mega-Menü für die Bootstrap-aber ich kann nicht herausfinden, wie man das Menü erscheint bei mouseover/hover. Im moment scheint es nur auf klicken Sie auf. github demo jsFiddle <div class="container">
2
Antworten
Benutze ich boostrap mit bower und gulp. Erste mal, dass ich kopiert die bootstrap.css von der bower_components auf meiner Website dist Ordner und alles seemd zu arbeiten. Hovever, die ich beobachtet habe, dass ich kein glyphicons. Dies,
2
Antworten
Ich bin gerade erst mit der ausdrücklichen und ich versuche, herauszufinden, warum, wenn ich meine app, Bootstrap, font nicht dargestellt wird (es zeigt den text in einfaches Times New Roman). Ich bin mir ziemlich sicher, dass ich
1
Antworten
Die navbar Balg enthält eine drop-down-Menü nicht angezeigt wird correcly , <div style="margin: auto; width: 100%; margin-top: 0px"> <div class="navbar" style="width: 100%"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
3
Antworten
Ich kann nicht herausfinden, wie das umzusetzen, bestätigen Sie den dialog mit der bootstrap-modal, dies ist mein code, der nicht funktioniert: <div id="id" class="modal hide"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>title</h3> </div> <div class="modal-body"> <p>confirm
2
Antworten
Wie kann ich eine Klasse für ein element, abhängig von der aktuellen Bildschirm-Dimensionen? Nun, ich verwende Bootstrap ist hidden-xs und visible-xs es zu handhaben, aber dies erfordert duplizierten code und-Elemente in den DOM. Update: Überschreiben von Bootstrap
3
Antworten
Ich habe den folgenden code: <div class=checkbox> <label><input type="checkbox" id="foo">My Label</label> </div> <div class=checkbox> <label><input type="checkbox" id="bar">Another Longer</label> </div> <div class=checkbox> <label><input type="checkbox" id="baz">Less than lng</label> </div> hierdurch werden in bootstrap 3 mit dem label auf der
1
Antworten
Ich benutze bootstrap, und ich habe zu verwenden <pre> tag in meinem code, aber Bootstrap-styling und ich mag es nicht. Ich weiß, dass ich haben, um es zu überschreiben, aber ich weiß nicht, was genau die Attribute,
1
Antworten
ich bin erstellen einer Website mit bootstrap, und ich möchte einige div-Karte nur in extra kleine Geräte, ich bin mit der visible-xs-block Klasse im div, aber nicht arbeiten. Einige jetzt, warum nicht? dies ist mein code: <div
2
Antworten
Ich Baue ein Projekt mit Twitter Bootstrap. In der Dokumentation es wird angeführt: Button-tags Verwenden Sie die Schaltfläche Klassen auf eine <a>, <button> oder <input> element. [...] Cross-browser-rendering - Als die beste Praxis, die wir empfehlen, mit
5
Antworten
Kurze Mit 2 Bibliotheken auf derselben Seite: jQuery UI und Twitter Bootstrap: jQuery UI für mich sehr wichtig, weil fast alle UI-Dinge eingebaut, die auf ihm basieren Twitter Bootstrap nur für split-button mit dropdown-Menü Funktionalität. Nun, das
4
Antworten
Ich habe ein 4-Spalten fluid-layout: <div class="container-fluid"> <div class="row-fluid"> <div class="span3">A</div> <div class="span3">B</div> <div class="span3">C</div> <div class="span3">D</div> </div> </div> [ A ][ B ][ C ][ D ] Für mobile Geräte, bootstrap macht die Spalten einer unter
1
Antworten
Ich würde gern ein tooltip mit einer unodered Liste mithilfe von bootstrap v2.3.2. Ich bin derzeit mit dem folgenden html-Code als Inhalt des tooltip: <p align='left'><b>This alert would have fired:</b></p> <ul align='left'> <li align='left'>1 time in the
1
Antworten
Ich bin mit http://angular-ui.github.io/bootstrap/#/typeahead für ein einfacher array-lookup-Beispiel. Möchte ich auslösen list() wenn ich leere die input Feld und drücken Sie die EINGABETASTE. Derzeit könnte ich ein anderes Programm Clear - Taste, um dies zu tun. Aber
2
Antworten
Baue ich eine Anwendung mit backbone.js + require.js. Ich will datepicker von hier aus in meine Anwendung: datepicker Seit seiner nicht-AMD, ich shim es in requirejs wie diese: require.config({ baseUrl: "appjs", paths:{ jquery: '../layout_assets/assets/js/libs/jquery-1.8.2.min', dt: '../layout_assets/plugins/datatables/jquery.dataTables.min', dtPlugins:'../layout_assets/plugins/datatables/dtplugins',
2
Antworten
mein problem ist Folgendes, ich versuche eine schöne große Rechteck in der Mitte meiner Webseite, aber ich kann nicht verwaltet werden die Räume von der Seite des Rechtecks, wenn ich die Größe des Fensters. Wenn ich den
2
Antworten
Habe ich Folgendes asp.net aspx-code <asp:LinkButton CssClass="form-search" ID="LinkButtonSearch" runat="server">Search</asp:LinkButton> <br /> <ul class="nav nav-tabs" id="myTab"> <li class="active"><a href="#home">Home</a></li> <li><a href="#profile">Profile</a></li> <li><a href="#messages">Messages</a></li> <li><a href="#settings">Settings</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="home">home</div> <div class="tab-pane" id="profile">profile</div> <div class="tab-pane" id="messages">messages</div>
1
Antworten
bin mit Angular Bootstrap UI zu zeigen, ein tabset mit statischen Inhalten (mit AngularUI-bootstrap). Hier ist die plunker link, der verdeutlichen mein Problem http://plnkr.co/edit/n8Xp3GrAqlbNxZ7VrXR6?p=preview Das Problem ist, wenn ich einstellen will das 1. tab unsichtbar und die
2
Antworten
Habe ich diese Anleitung zum anpassen von buttons in einer web-Seite, die ich gemacht habe mit bootstrap: Ändern Sie die hover-Farbe auf eine Schaltfläche mit der Bootstrap-Anpassung Das problem ist, dass ich nicht zu verwalten, zu halten
2
Antworten
Ich bin erstellen einer Webseite mit bootstrap und wollen, um eine Liste von Checkboxen (Namen von Computern) in ein modales Dialogfeld für den Benutzer zu wählen. Ich habe ein AJAX-Aufruf und Antwort, die Rücksendung der Informationen, die
2
Antworten
im mit twitter bootstrap für meine reaktionsschnell Weg, ich möchte der Nav wird zu einer Schaltfläche, wenn Sie Blick auf auf mobile, die Taste für kleinen Bildschirm zeigt, aber wenn ich darauf klicken, es tut nicht schieben