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.

Bootstrap-bs-B.

Anzahl der Antworten 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

bootstrap-modal-Fehler - nur schwarzen Raum ohne Fenster

Anzahl der Antworten 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>

die Steuerung der Höhe des Karussells Größe

Anzahl der Antworten 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

Funktioniert twitter bootstrap typeahead unterstützt remote-Datenquelle?

Anzahl der Antworten 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

Radio-Button und Checkbox-wonky Verhalten in Google Chrome

Anzahl der Antworten 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,

Spezifische modal-hintergrund anpassen

Anzahl der Antworten 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:

Bootstrap horizontal scrollen

Anzahl der Antworten 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.

MVC5 mit MvcSiteMapProvider zu bauen twitter bootstrap-Menü

Anzahl der Antworten 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",

Anwendung position und dann position:absolute macht der div-Strecke über die container?

Anzahl der Antworten 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

Probleme mit neuen Google-reCAPTCHA in IE, wenn es im dialog modal oder

Anzahl der Antworten 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"

Wie man zwei inline-input-Feld korrekt mit Twitter Bootstrap?

Anzahl der Antworten 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

Akkordeon-innen-popup, colorbox / Bootstrap modal

Anzahl der Antworten 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">

Javascript Lesen bestimmte Zeile in txt-Datei und eine id zuweisen es

Anzahl der Antworten 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

Bootstrap panel: brach auf mobile aber erweitert auf desktop, wie geht das?

Anzahl der Antworten 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

Gewusst wie: laden von Bootstrap-Registerkarte Bedienfeld mit Registerkarte klicken?

Anzahl der Antworten 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

Bootstrap Lightbox nicht aufspringen

Anzahl der Antworten 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,

bootstrap 3-Spalten-layout, die wichtigsten Inhalte vor zwei Seitenleiste

Anzahl der Antworten 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

Twitter Bootstrap tooltip funktioniert nicht

Anzahl der Antworten 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"

bootstrap JS und data-toggle="buttons-checkbox" mit divs

Anzahl der Antworten 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

twitter bootstrap carousel overlay-div-Element auf der Oberseite des Karussells, aber halten Sie navigation arbeiten

Anzahl der Antworten 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

Bootstrap-Karussell: deaktivieren Indikatoren

Anzahl der Antworten 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

Fügen Sie eine volle Breite-Bild über eine Bootstrap navbar

Anzahl der Antworten 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>

begrenzen Sie die Breite des Fortschrittsbalken in twitter bootstrap

Anzahl der Antworten 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

Wie kann ich horizontal center diese Meldung?

Anzahl der Antworten 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

Bootstrap 3 RC1 - Ändern navbar Farbe

Anzahl der Antworten 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

Mehrere modals in eine Seite

Anzahl der Antworten 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

Bootstrap 3, Daten-Karte funktioniert nicht

Anzahl der Antworten 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

Ändern der Höhe von bootstrap carousel - halten Sie reaktionsschnell Weg

Anzahl der Antworten 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

so ändern Zusammenbruch Richtung auf ein panel in der bootstrap

Anzahl der Antworten 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

Callback-Funktion zweimal aufgerufen und mehr auf Bootstrap Modal

Anzahl der Antworten 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

Bootstrap 3 und mmenu

Anzahl der Antworten 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

Wie kann die Verwendung von bootstrap tooltips mit Reagieren?

Anzahl der Antworten 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,

Glatt-scrolling, Bootstrap 3

Anzahl der Antworten 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

Auslegen Fußzeile mit Bootstrap grid

Anzahl der Antworten 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

Import Bootstrap LESS-Dateien

Anzahl der Antworten 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();

Schaffung eines ansprechenden Teiler (vertikal/horizontal) in der Bootstrap

Anzahl der Antworten 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

Wie öffnet man eine bootstrap-modal-pop-up auf ajax.Aktion-link?

Anzahl der Antworten 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 {

Footer-template blinkt auch mit ng-cloak in AngularJS

Anzahl der Antworten 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,

Hinzufügen Bootstrap Tooltip zu einem <span> in einem <div>?

Anzahl der Antworten 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

So führen Sie eine bootstrap popover auf mouseover-Ereignis

Anzahl der Antworten 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

Zuklappen der sidebar reibungslos

Anzahl der Antworten 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

Blättern svg innen div

Anzahl der Antworten 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;

bootstrap tooltip\popover - Lösung inkonsistente Platzierung auf der linken Seite

Anzahl der Antworten 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

Aktualisierung der text für ein Abzeichen im bootstrap-button?

Anzahl der Antworten 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

bootstrap Bildergalerie

Anzahl der Antworten 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

Yeoman Winkel-app, Grunzen Uhr .less-Dateien

Anzahl der Antworten 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

So erstellen Sie eine bootbox prompt mit einem bootstrap-datepicker als input

Anzahl der Antworten 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

Karussell mit dynamischen Inhalten

Anzahl der Antworten 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

Bootstrap und scrollTo.js navigation

Anzahl der Antworten 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

Entfernen widersprüchliche styling - Bootstrap & Benutzerdefinierte Suche von Google

Anzahl der Antworten 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