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.
2
Antworten
Ich kopiert CSS-code für bs-Beispiel aus der Bootstrap 3.0.3 docs Website. Ich bin ein bisschen ein Anfänger mit CSS, also wenn jemand erklären könnte, mir diese würde ich dankbar sein. Folgenden code: /* Echo out a label
1
Antworten
Screenshot - http://screencast.com/t/DxdVjiC7idUl <div id="edit_form" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">?</button> <h3 id="myModalLabel">Редактирование объекта</h3> </div> <div class="modal-body" id="fm_edit_obj"> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Отменить</button> <button class="btn btn-primary">Сохранить изменения</button> </div>
2
Antworten
Ich versuche, um sicherzustellen, dass meine Karussell-Größe gleich bleiben, in Bezug auf die Höhe. Ich bin mit verschiedenen Bildern, und ich verstehe die Größe des Bildes unterschiedlich sind, aber nicht wissen, wie die Kontrolle der Höhe des
1
Antworten
Tut typeahead-Funktion-Unterstützung remote-Datenquelle in der version 2.0.3 von twitter-bootstrap? Den link zu typehead Funktionalität http://twitter.github.com/bootstrap/javascript.html#typeahead "Quelle : array". Ich glaube, Sie haben zu bauen, das array selbst. (BTW JQueryUI Autocomplete (jqueryui.com/demos/autocomplete/remote.html) ermöglicht JSON als Quell-Datei) Siehe diesen
1
Antworten
In den vergangenen Monaten hat Google aktualisiert Chrome und ich denke gebrochen hat, radio-buttons und Checkboxen auf meiner website. Ich bin mit der version 31.0.1650.63 Arbeiten Sie korrekt, in allen anderen Browsern die ich ausprobiert habe (FF,
2
Antworten
Ändern kann ich den CSS-Code für eines von vielen modals in meine Seite, indem Sie, um Ihre Auswahl die id des jeweiligen modal. z.B. stattdessen: .modal { top: 0px; margin-top: 240px; ... } Einstellung #my_modal { top:
2
Antworten
Ich benutze den folgenden HTML-code: <div id="list"> <div class="row"> <div class="col-md-3">1</div> <div class="col-md-3">2</div> <div class="col-md-3">3</div> <div class="col-md-3">n-times</div> </div> </div> So, ich brauche die Anzeige einer Zeile mit infinity-Spalten, indem Sie Sie horizontal scrollen, am Ende der Seite.
2
Antworten
Standard-Menü-Abschnitt in MVC5 Vorlage, wie das suchen: <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li>@Html.ActionLink("Home", "Index", "Home")</li> <li>@Html.ActionLink("About", "About", "Home")</li> <li>@Html.ActionLink("Contact", "Contact", "Home")</li> </ul> @Html.Partial("_LoginPartial") </div> _LoginPartial, wie das suchen: @using Microsoft.AspNet.Identity @if (Request.IsAuthenticated) { using (Html.BeginForm("LogOff", "Account",
2
Antworten
Hier ist mein code.. <div id="secondWrapper"> <div class="para1"> <div class="heading"> <h1>Heading 1</h1> </div> <div class="paragraph"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at ipsum in nunc dignissim fringilla. Donec porta elit ut diam eleifend eget
3
Antworten
reCAPTCHA funktioniert sehr gut, in Chrom. Allerdings (nur wenn reCAPTCHA iframe in einem Dialogfeld oder eine modale) im IE-der Platzhalter wird nicht Weggehen. Was der Benutzer schreibt, ist als Teil des Platzhalters (glaube ich) und die "prüfen"
1
Antworten
Mache ich Folgendes an <div class="offset3 span6"> mit bootstrap-responsive.css: <div class="control-group"> <label class="control-label" for="passport1">Series and passport number</label> <div class="controls"> <input type="text" class="input-small inline" id="passport1" placeholder="" maxlength="4"> <input type="text" class="input-medium inline" id="passport2" placeholder="" maxlength="6"> <p class="help-block">Please input your
2
Antworten
Ich erreichen möchte, ein Akkordeon-innen-popup. Ist es möglich? Ich versuchte es mit colorbox, aber scheint, es ist nicht möglich, also versuche ich die Verwendung von bootstrap modal, scheint aber ich war verwirrt. <html lang="en"> <head> <meta charset="utf-8">
4
Antworten
Ich habe eine text-Datei strukturiert wie so... Hello . world . . . . its me Ich mit dem folgenden code in die txt Datei Lesen <head> <script type="text/javascript"> function readfileautomatically(); </script> </head> <body> <body onload="readfileautomatically();"> <td
5
Antworten
Wie kann ich möglichst einfach entfernen Sie die Klasse "in" aus dem div mit der id "panel-login", wenn der Bildschirm kleiner ist, als 1199px (Bootstrap xs, sm, md-Modi). Ich denke, eine Art von JS oder JQuery lösen
4
Antworten
Ich bin mit Bootstrap tab panels, auf der Website so: <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#chartcontainer1" aria-controls="chartcontainer1" role="tab" data-toggle="tab">Chart 1</a></li> <li role="presentation"><a href="#chartcontainer2" aria-controls="chartcontainer2" role="tab" data-toggle="tab">Chart 2</a></li> </ul> <!-- Tab panes
1
Antworten
Arbeite ich mit der demo für Bootstrap Lightbox, ich bin auch neu in web-Entwicklung. Ich Schaffe es nicht, die lightbox funktioniert, wird das erste Bild in diesem Fall shell_small.jpg ist sichtbar, und es ist eindeutig ein link,
1
Antworten
Mit Bootstrap, für die beiden linken und rechten Seitenleiste, 3 Spalten layout, wir wissen nicht, wie das Bearbeiten der css, um den wichtigsten Inhalt oberhalb der beiden Seitenleisten, bitte beraten, wie zu tun, Dank. Wir haben versucht
3
Antworten
Habe ich heruntergeladen, Twitter Bootstrap und enthalten die .js Dateien in den footer. Ich wollte eine QuickInfo angezeigt, wenn Sie mit der Maus über ein info-Symbol. Also ich habe diesen code: <img src="<?php bloginfo('template_directory'); ?>/img/png/info.png" rel="tooltip" data-placement="top"
1
Antworten
ich versuche zu wechseln divs mit bootstrap (data-toggle="buttons-checkbox") Siehe mein code: <div class="btn-group d1" data-toggle="buttons-checkbox"> <button type="button" class="btn btn-link ra">A</button> <button type="button" class="btn btn-link rb">B</button> <button type="button" class="btn btn-link rc">C</button> </div> <div class="myDiv rad">AAAAAAAAAAAA<br />AAAAAAAAAAAA</div> <div class="myDiv
1
Antworten
Ich zu lange versucht zu überlagern, Inhalt auf der Oberseite des twitter bootstrap. Nur ein div-overlay auf top des Karussells, ohne die Verhinderung der Karussell-navigation nicht mehr anklickbar + verhindern, dass die Folien ( im verwenden von
2
Antworten
Zu machen, wie die Karussell-Indikatoren nicht anklickbar am Handy? So, dass wenn ich auf Sie Sie auf mobile Geräte, die Folien nicht ändern. Ich bin mit neuesten bootstrap. InformationsquelleAutor user6145338 | 2016-05-26
2
Antworten
Ich versuche, ein Bild einzufügen über eine navbar, aber ich es ist nicht für mich arbeiten. Hier ist mein html: <div class="wrapper" /> <div class="navbar"> <div class="navbar-inner"> <div class="container"> <ul class="nav"> <li class="active"> <a class="brand" href="#">Home</a> </li>
1
Antworten
Ich bin mit twitter bootstrap, spice up meine Benutzeroberfläche . Ich bin wirklich geneigt, fügen Sie eine Fortschritt-bar auf meiner Seite . Das folgende funktioniert einwandfrei außer das die Statusleiste erstreckt sich über die gesamte Breite des
4
Antworten
Ich versuche eine Warnung anzeigen soll, wenn ein Benutzer auf eine Schaltfläche klickt, kann aber nicht herausfinden, wie man horizontal-center eine Warnmeldung. Ich würde gerne die alert-Aufenthalt innerhalb von #main. Sehen diese Geige. Dank! Bitte posten Sie
3
Antworten
Ich möchte den Bootstrap 3 navbar Farbe aus dem Standard-Grau #5e00ff. Der Abschnitt anpassen der Bootstrap steht noch nicht zur Verfügung - wie man es manuell machen? Wie sind die Dateien aufgebaut? Sind Sie auf der Suche
1
Antworten
Ich versuche, mehrere modals (popup-Dingern) auf einer Seite. Einer Taste, können Sie sehen, welches Motiv Sie haben, und wenn Sie auf es ein modal öffnen und zeigen Ihnen an, welche Zeit und was die Hausaufgabe war. Die
5
Antworten
Ich bin mit dem modal-plugin unterstützt Bootstrap 3 (http://getbootstrap.com/javascript/#modals) mit den folgenden mark-up: <div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-show="true">…</div> Laut Dokumentation sollte diese Arbeit mit der Daten-Karte Attribut.. Leider ist das modal wird nicht
3
Antworten
Implementierte ich ein bootstrap-carousel ohne überschreiben alle Stile. Ich will, dass es zu reagieren, wie es funktioniert im moment, so Karussell und Bild reagieren, sich zusammen, ohne dass das Bild abgeschnitten oder verzerrt - aber ich möchte
1
Antworten
Ich habe einen bekannten Basis-Typ "Reduzierbare Palette", die Ihre codes erwähnt belowed. Ich wechselte einige Eigenschaften über css-Sätzen, wie Zusammenbruch-in und Zusammenbruch Höhe&Breite, aber konnte Sie nicht erreichen, zu ändern, kollabiert Richtung. Ich will es ändern in
2
Antworten
Ich habe ein problem beim erstellen von benutzerdefinierten JQuery-plugin, zeigen Bootstrap-modal-dialog. Die benutzerdefinierte Plug-in erfordern callback-Funktion wie die parameter. Problem werden, als modales Dialogfenster aufgerufen, zweimal, callback auch aufgerufen, zweimal, und so weiter. Hier der code: HTML
1
Antworten
Ich würde gerne verwirklichen mmenu zu Bootstrap 3, aber ich bin stecken. Ich will die top-navigation und kollabieren, wenn ich will, es zu ändern nach Links Schiebe-Menü. Vielen Dank im Voraus für die Hilfe. EDIT: ich habe
5
Antworten
Hatte ich die tooltips arbeiten früher und versuche zu migrieren, meine Komponente zu Reagieren. Ich bin nicht mit reagieren-bootstrap noch, weil ich bin mir nicht sicher, wenn ich dabei bin, weil es immer noch unter starker Entwicklung,
2
Antworten
Ich bin mit einigen Problem versucht zu haben, eine glatte Blättern Sie in der Seite meine, im Grunde habe ich anchor tags, die auf einer Seite wie dieser: <li><a href="#description">Module Description</a></li> ... <section id=" description "> Und
4
Antworten
Ich habe da ein paar Fragen, die Erreichung der Art von Netz, die ich im moment brauchen. Es ist eine Fußzeile, so will ich, dass es 12 Spalten lang, zwei gestapelt auf der jeweils anderen. Jedes enthält
2
Antworten
So, ich bin versucht, zu importieren die bootstrap-Taste.weniger Datei in mein eigenes Projekt. Aber in diesem Fall möchte ich nur die Gefahr, Taste, css-Zeug und die core-button-Klassen. Etwas entlang der Linien von .my_custom_button { .btn(); .btn-danger(); .btn-small();
5
Antworten
Bin ich kämpfen ein bisschen mit der Erstellung eines responsive-Teiler in der Bootstrap. Durch responsive-Teiler meine ich eine Trennlinie, die senkrecht auf großen Bildschirmen und horizontal auf kleineren Bildschirmen. Vertikale Teiler: Horizontale divider: Danke für das hinzufügen
2
Antworten
Ich bin erstellen einer ajax.actionlink wie unten bor meine bootstap pop-up, aber statt es zu öffnen in einem pop-up-Umleitung zu einer url zu sagen: controller/action Mein code ist wie folgt @Ajax.ActionLink("CheckOut", "CheckOut", "Home", null, new AjaxOptions {
3
Antworten
Bin ich erfolgreich erstellen und anzeigen-Vorlagen, die mit einigen Daten aus REST-service mit AngularJS aber, wenn JSON-Antwort ist noch geladen wird, der browser zeigt die Fußzeile Vorlage an der Spitze, und wenn die Antwort zurück die JSON-Daten,
2
Antworten
Habe ich eine Spanne innerhalb eines div-und ich versuche, fügen Sie ein Bootstrap 3 tooltip zu: <div style="display:inline-block;margin-right:10px;"> <h3> <span class="label label-default"> Chickens: <span style="color:#fff;">3</span> </span> </h3> </div> Wie bekomme ich diese zu arbeiten? Welchen Teil dieser
2
Antworten
Ich habe eine html-Tabelle mit einer Zeile, die sieht wie folgt aus: <tr> <td><input type="checkbox" name="check" value="265"></td> <td>265</td> <td>NO MATCH</td> <td>http://stackoverflow.com/</td> <td>No</td> <td>0</td> <td>f79a8316891</td> </tr> Ich versuche zu bauen, die eine jquery-Funktion, öffnet eine bootstrap-2.32 popover, wenn
3
Antworten
Erstellte ich eine Seitenleiste, die zusammenbrechen, wenn der Bildschirm zu klein geworden. Eine Schaltfläche erscheint dann auf öffnen/schließen. Ich verwendet einen übergang zum ein - /ausblenden der Seitenleiste auf eine nette Weise. Den Seitenleisten <div> versteckt sich
4
Antworten
Ich habe einen einfachen Anwendungsfall. Ich habe eine äußere div-Element und svg-innen. Wie, <div> <svg> ... ... </svg> </div> Ich versuche, das svg-scrollen im div, aber ohne Glück 🙁 ich habe versucht Einstellung: div { position: relative;
3
Antworten
Arbeite ich an einem Projekt und habe festgestellt, dass einige Inkonsistenzen in der bootstrap-Verhalten, dass ich gerne lösen. Wenn ein popover (oder tooltip, was auch immer, Sie sind im Grunde die gleichen) nähert sich der Rand des
4
Antworten
Mit einem click-Ereignis ich bin versucht, zu aktualisieren, die beiden Stücke der a-Taste: Den text der Schaltfläche Die Abzeichen zählen Hier ist mein HTML: <button class="btn btn-sm btn-default like-btn" type="button" id="10"> <span class="glyphicon glyphicon-thumbs-up"></span>Liked <span class="badge like-badge
2
Antworten
Begann ich dann mit dem bootstrap-CSS-framework. Es gibt Klassen zum Aufbau einer Bildergalerie, die im Grunde zeichnet einen Rahmen um das Bild und die besteht darin ein Listenelement, ein Anker und das Bild. Die Galerie sieht nicht
2
Antworten
Ich spielen, um mit Yeoman, grunt, bower, bootstrap und den yo Angular app. Im Versuch, um grunt watch .weniger Dateien, aber ich habe einige Schwierigkeiten. Ich habe natürlich getan, installiert der grunt-contrib-less-Modul mit npm install grunt-contrib-less --save-dev
2
Antworten
Erstelle ich ein Dialogfenster mit bootbox. bootbox.dialog({ message: 'Datepicker input: <input id="date"></input>', title: "Custom label", buttons: { main: { label: "Save", className: "btn-primary", callback: function () { console.log("Hi " + $('#first_name').val()); } } } }); $("#date").datepicker(); //Not
1
Antworten
Stieß ich auf ein Karussell von Twitter bootstrap hier. http://twitter.github.com/bootstrap/javascript.html#carousel Es sieht wirklich gut aus. Aber alle Bilder /Inhalte in dem Beispiel sind hart-codiert. Wie kann ich bitte die server für neue Inhalte und zeigen Sie es
1
Antworten
Ich bin ein Neuling front-ender, und ich habe ein Unverständliches problem. Auf meiner Seite, wenn Sie klicken Sie auf die links im oberen Menü, es scrollt nach unten, um den gewünschten block. Aber der link ist nicht
4
Antworten
Werfen Sie einen Blick auf das unten stehende Bild von meiner website: www.kokorugs.com Ich bin mit Boostrap und ich glaube, dass es einige widersprüchliche CSS-Stile. Das problem ist, dass ich nicht sehen kann, Google CSS und kann