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.
Anpassen bootstrap button schriftart
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
Bootstrap, contact_php und contact.js nicht E-Mails senden
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
wie zur Verringerung der Dicke des Standard-bootstrap-Symbol glyphicon glyphicon-chevron-right?
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
Problem mit Responsive DataTables Und Bootstrap Tabs
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()
media queries / be-verschiedene Bild-je nach Bildschirm-Größe
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
Link innerhalb einer list-group-item-Klasse (selber link), in Twitter Bootstrap
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
Bootstrap modal schließen sofort, sollte die Verzögerung
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
So speichern Sie die generierte HTML-von wysihtml5 oder pass es auf PHP-Seite
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)
Bootstrap carousel Konflikt flexslider
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>
Warum Modul " ui.bootstrap' ist nicht verfügbar?
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
bootstrap collapse () - Funktion funktioniert nicht
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 ()
Datepicker nicht zeigen - Bootstrap
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
Wie kann man Verknüpfungen hinzufügen, um ein header-element inline mit bootstrap?
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
Die Validierung von Formular-Eingabe-Felder Reagieren
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
AngularJS navigation
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
Bootstrap sticky footer mit vertikal zentrierte Inhalte
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"
Twitter Bootstrap, zeigen alle popovers auf ein div
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
Bootstrap ziehen-richtig Klasse
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
bootstrap modal geschlossen, wenn ok im alert() geklickt wird
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){
Bootstrap-inline-Formular-Steuerelemente alle wrap in der gleichen Zeit wie Ihre container immer schmaler. Wie bringe ich Sie zum wickeln individuell?
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
Kraft radio-buttons, um zu zeigen, inline
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" %> <%=
Twitter bootstrap mit ASP.NET nicht MVC
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
Bootstrap 3 dropdown-Ereignisse nicht auslösen.
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
Yii Bootstrap extension. Paginierung
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' =>
Bootstrap-Datetime-picker funktioniert nicht
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"
fügen Sie die Vorlage in flash-Mitteilungen symfony2
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
Anpassen-register FOSUserBundle mit Bootstrap
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
Bootstrap-Karten/thumbnails nicht Schlange Seite an Seite richtig in das grid-system & Karten-deck
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
Wie kann ich das abrufen der Inhalte für jede Registerkarte, die mit AJAX? Rails4, Bootstrap3
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...
Make Bootstrap ' s YAMM open on hover
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">
Gebäude Bootstrap mit Less zu ändern @icon-font-path
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,
Express nicht Rendern bootstrap
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
bootstrap Dropdown-innen Navigationsleiste nicht korrekt angezeigt
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>
twitter-bootstrap-modal-dialog bestätigen
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
So fügen Sie eine Klasse je nach Bildschirm-Abmessungen mit AngularJS
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
How to get checkbox-label auf der linken checkbox
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
wie kann ich entfernen bootstrap-styling pre-element
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,
visible-xs-block funktioniert nicht
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
SEO: <button> vs <a> HTML-tags
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
2 JS Funktionen mit dem gleichen Namen-Konflikt
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 Spalten 2 Spalten mit Twitter Bootstrap
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
Ungeordnete Liste in der bootstrap tooltip
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
Klar ausgewählte Eingang in angular bootstrap typeahead
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
bootstrap-datepicker nicht immer shimmed mit requirejs
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',
Ändern Sie das bootstrap grid, wenn das Fenster skaliert
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
asp.net bootstrap Halten aktuell aktive Registerkarte nach dem post-back-event
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>
wie setzen Sie active auf angularjs-bootstrap-Registerkarte
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
Wie um die Textfarbe zu ändern-button hover-Eigenschaft
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
Dynamisch Checkboxen Erstellen von AJAX-Antwort
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
Twitter Bootstrap-Nav Zuklappen nicht richtig funktioniert
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