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.

AngularJS-Direktive für ein multi-select -

Anzahl der Antworten 1 Antworten
Ich habe Probleme beim ausfüllen meiner multi-select. Ich bin mit dieser version der multi-select - http://davidstutz.github.io/bootstrap-multiselect/ Ich habe mir bei diesem stack overflow Seite ( Wie kann ich Bootstrap-Multiselect Dropdown in AngularJS ), aber ich habe noch

Bootstrap 3 Spalten neben einander?

Anzahl der Antworten 4 Antworten
Ich bin versucht, ein raster von responsive Bilder mit bootstrap 3, aber wenn ich versuche, legte Sie zusammen, einen an einem mit dem nachstehenden code in den letzten 2 Spalten geht hinunter Weg von den anderen Spalten

bootstrap-scrollspy highlights der letzten navigation link-button nach dem laden

Anzahl der Antworten 6 Antworten
Habe ich gebaut, eine Navigationsleiste an der Spitze mit 5 links. Auf der Seite selbst habe ich Hinzugefügt 5 Abschnitte mit id ' s nach dem Namen, nach dem # - tag im element. Das problem ist,

Bootstrap-nav-bar - How zu schweben nach unten navbar-fixed-top"?

Anzahl der Antworten 1 Antworten
Wie kann ich die folgenden Menüs, um die Schwimmer mit der Seite/Körper-wenn die Größe des browser von der Breite her? http://jsfiddle.net/J7jJh/1/show/ <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> //... Behoben, funktioniert einwandfrei http://jsfiddle.net/WWf3x/show/ aber ich will

Position eines HTML-Elements relativ zum unteren Rand des parent-Elements mithilfe von CSS?

Anzahl der Antworten 1 Antworten
Habe ich mehrere übereinanderliegende HTML <section>s mit hintergrund-Bildern. Innerhalb der einzelnen <section> habe ich ein panel mit Inhalt in. JSFiddle: http://jsfiddle.net/victorhooi/zRFzb/1/ JSFiddle Full-screen output: http://jsfiddle.net/victorhooi/zRFzb/1/embedded/result/ Im Idealfall würde ich gerne die wichtigsten Titel (#proclaim) und die Platten

Google maps api arbeitet mit browser-element untersuchen

Anzahl der Antworten 1 Antworten
Ich habe gekämpft, über mehrere Tage, um zu versuchen, um fix google map canves-plugin, um in meine app nutzt twitter bootstrap. Karte buggy voller grauen patches, und es ist nie gut-center. aber was ich in letzter Zeit

Angular UI modal-Richtlinie, hintergrund fehlt

Anzahl der Antworten 5 Antworten
Habe ich keinen hintergrund bei der Verwendung der modal-Richtlinie von den UI-Bootstrap http://angular-ui.github.io/bootstrap/. Der modal-selbst arbeitet. Habe ich versucht, sowohl mit der ui-bootstrap-tpls.js (Schablone im Lieferumfang enthalten) und ohne Vorlagen (Download manuell). Ich verglich die das markup

Add Bootstrap-Vorlage, um MeteorJS

Anzahl der Antworten 1 Antworten
Ich habe ein Bootstrap-theme von https://wrapbootstrap.com/, den ich verwenden wollte in meinem MeteorJS Anwendung. Das Problem ist, dass es script-tags wie: <!--[if !lte IE 6]><!--> <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local

Bootstrap 3 grid-system und col-lg

Anzahl der Antworten 2 Antworten
Ich versuche die Migration von bootstrap 2 zu 3, aber ich habe ein problem mit dem neuen grid-system in die col-lg-* statt span* Im lame in Englisch, so zeige ich mein problem auf Beispiele: Basis von bootstrap

Ausrichten Von Text In Der Bootstrap-Auch Neben FontAwesome Icon

Anzahl der Antworten 2 Antworten
Ich habe Schwierigkeiten ausrichten meine überschrift und Absatztext in einem "gut". Die "none" sehen, ist eine Klasse zu entfernen, die bestimmten Ränder und ist nicht relevant, was ich versuche zu erreichen. Hier ist mein code <div class="col-md-4

Deaktivieren Sie die vergangenen Termine in der bootstrap-Datum-picker

Anzahl der Antworten 5 Antworten
Ich habe das Datum-input-form abgeleitet aus: Youderian, C. Wie Fügen Sie einen Datums-Picker, um eine Bootstrap-Formular. FormDen. [Blog]. 2015-10-27. Aber ich bin nicht in der Lage, deaktivieren die letzten Termine. Ich habe Folgendes versucht; nach ein Problem

So fügen ban-Kreis auf schweben deaktiviert Anker?

Anzahl der Antworten 1 Antworten
Habe ich ein Anker-tag ein, dass ich möchte, dass die ban-Kreis glyphicon angezeigt, wenn schwebte. Ich weiß, dass das hinzufügen der Behinderten-Klasse ändert sich nur das Aussehen und nicht die Funktionalität. Bitte beachten Sie, dass dieser link

Twitter Bootstrap-3 - wie Sie richtig ersetzen glypicons mit custom made icons?

Anzahl der Antworten 1 Antworten
Dies ist mein HTML: <ul class="nav nav-pills nav-stacked custom-nav-pills"> <li><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li> <li><a href="#"><span class="glyphicon glyphicon-user"></span> About</a></li> </ul> Nun, die glyphicons, die Bootstrap 3 verwendet werden, eine bestimmte Größe. Ich mag die Größe, aber ich

Bootstrap-3-Typeahead afterSelect-ID Bekommen

Anzahl der Antworten 3 Antworten
Ich bin mit Bootstrap-3-Typeahead hier für mein autocomplete von mysql. Ich brauche, um item_code von ausgewählten item_name afterSelect mit so etwas wie $('#item_code').val(this.item_code); leider nicht funktioniert. Mein Json-Ausgabe: [{"item_code":"1","item_name":"A"},{"item_code":"2","item_name":"B"}] hier ist mein code, bitte beraten $('input.item_name').typeahead({ minLength:

Ajax-request mit bootstrap modal in php

Anzahl der Antworten 1 Antworten
Ich versuche, einige Informationen in einer bootstrap-modal stützt sich auf einige Werte. Hier ist der work-flow 1.Anzeigen von Hyperlinks in einer Schleife mit einem Titel. 2.Wenn Sie klicken Sie auf die einzelnen hyperlinks schnappt sich der id-Wert.

Bootstrap Spalten, float-Problem. DIVS werden müssen, um gleiche Höhe

Anzahl der Antworten 4 Antworten
Habe ich dynamisch generierte Inhalte gebildet, in 3 bootstrap-Spalten wie diese... <div class="col-md-4"> <div class="article"> content goes here </div> </div> Das problem ist, wenn die Spalten unterschiedliche Inhalte haben, die verschiedenen Höhen die Ruine der layout. Wie

Hinzufügen Streichen Sie die Unterstützung für Bootstrap Tabs

Anzahl der Antworten 1 Antworten
Momentan habe ich eine bootstrap-Registerkarte Fenster mit zwei verschiedenen Registern an. Ist es möglich, zur Unterstützung von swipe-gesten auf Geräten mit Touchscreen zum wechseln zwischen den tabs? Fand ich Tonnen von Bibliotheken für Karussells, aber nichts für

twitter-bootstrap-rails funktioniert nicht auf heroku

Anzahl der Antworten 4 Antworten
Arbeite ich auf ROR app, die app funktioniert Prima auf dem lokalen host aber wenn Sie auf heroku "http://niveshi.herokuapp.com/portfolio/create" bootstrap nicht funktioniert und sogar javascript-code funktioniert nicht. Dies ist mein gem-Datei : source 'https://rubygems.org' gem 'rails', '3.2.12'

Ist es möglich, die Verwendung von Bootstrap ohne die übernahme der gesamten Stil?

Anzahl der Antworten 3 Antworten
Gibt es einen einfachen Weg, um die Verwendung von Bootstrap in ein bestehendes Projekt? Derzeit fügt es Formatvorlagen für Tabelle a usw. das versaut alles, was in der Seite. Ich Liebe wirklich die modalen Fenster einige buttons,

Jahr und Monat nur datepicker angularjs und bootstrap

Anzahl der Antworten 1 Antworten
ich habe ein problem ich will datepicker-von Datum-bis-Datum(check-in und check-out mit Monaten, nicht in Tagen) und es sollte mit den Monaten ,das problem ist: ich habe die Vorlage, aber es zeigt mir das den Tag und das

Stack bootstrap glyphicons

Anzahl der Antworten 4 Antworten
Bin ich über die folgende bootstrap-Symbol class="glyphicon glyphicon-plus" und das will ich ändern die Farbe der Schaltfläche und verwende ich die folgenden Ich möchte nun aber, dass das plus-Symbol wird im Kreis wie dieser ,wie soll ich

Wie füllt man einen Anteil von einem glyphicon [Bootstrap 3]

Anzahl der Antworten 5 Antworten
Hallo ich habe 5 Sterne-rating-system und ich möchte es so machen, dass ich hinzufügen kann, sage 4.3 Sterne statt nur 4. Wie kann ich dies tun? Mein Aktueller code ist unten aufgeführt: <center> <span class="glyphicon glyphicon-star" style="color:#BBD41C"></span>

Warum wird mein text dann außerhalb der divs mit bootstrap?

Anzahl der Antworten 4 Antworten
Ich bin hantieren mit Bootstrap, und alles läuft Recht gut. Aber wenn ich einen div setzen von text in der text-sticks außerhalb des div, dass die Seite so breit ist wie der string. Nicht-bootstrap-verantwortlich für die Betreuung

Anzeige, Upload-Fortschritt in Modal mit Bootstrap Fortschrittsbalken

Anzahl der Antworten 1 Antworten
Ich habe eine c# MVC-Anwendung, die ich Baue, zeigt, dass eine form und ermöglicht dem Benutzer das hochladen von Dateien. Wenn der Benutzer auf " senden Sie eine modal angezeigt mit einem Fortschrittsbalken auf 100% gesetzt und

Wie man ein PHP-Formular in einem modal

Anzahl der Antworten 3 Antworten
Habe ich diesen HTML-code für ein Formular in einem modalen (mit Bootstrap) <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="edit-user-modal-label" aria-hidden="true"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <form name="login_form" action="test.php" method="post" role="form"> <div class="modal-header"> <button type="button" class="close"

Tasten auf der gleichen Zeile in twitter bootstrap

Anzahl der Antworten 1 Antworten
Gibt es Knöpfe und einen Knopf-Gruppe %button.btn{type: :submit}button1 %button.btn{type: :submit}button2 %button.btn{type: :submit}button3 .btn-group{"data-toggle" => "buttons-radio"} %button.btn.btn-primary.active{type: :button} button4 %button.btn.btn-primary.active{type: :button} button5 %button.btn.btn-primary.active{type: :button} button6 %button.btn.btn-primary.active{type: :button} button7 Ich möchte, dass alle diese 7 Knöpfe werden auf der

Bootstrap 3-dropdown-Liste im navbar versteckt sich sofort nach Umschalten - show

Anzahl der Antworten 0 Antworten
Wie gezeigt, in diesem jsFiddle, ich habe eine nav-bar mit 2 dropdowns. Ein link in der ersten drop-down-feuert eine JS click-Ereignis, wo ich manuell die Karte der zweiten drop-down. Es funktioniert, außer dass nach gezeigt wird, die

Navbar Dropdown in Bootstrap 3

Anzahl der Antworten 4 Antworten
Ich habe vor kurzem angefangen zu lernen und mit Bootstrap 3. Ich dachte, ich würde beginnen mit etwas einfaches - eine header-und eine dropdown-bar. Ich benutzt den code aus der Bootstrap-website. Begann ich mit der basic Bootstrap-Vorlage,

was ist der Unterschied zwischen bootstrap-und bootstrap-Ritzel?

Anzahl der Antworten 0 Antworten
Ich bin mit bootstrap, mit Schienen. Frage ich mich, was ist der Unterschied zwischen bootstrap-und bootstrap-Ritzel? Ist das Ritzel von der speziellen version von bootstrap? InformationsquelleAutor Adam Lee | 2015-12-27

Kann ich ausschließen das klicken auf eine Schaltfläche innerhalb eines TR-click-Ereignis?

Anzahl der Antworten 3 Antworten
Ich bin derzeit auf der Hervorhebung einer Zeile der Tabelle als aktiviert, aber in einer der Zellen habe ich eine Schaltfläche. Wenn ich auf die Schaltfläche ich bin die Auslösung der Tabellenzeile klicken Sie auf Ereignis. Ist

MVC Partial View Rendern auf Bootstrap 3 Registerkarten ändern

Anzahl der Antworten 1 Antworten
Ich bin mit bootstrap 3 tabs in meiner mvc-Ansicht. Ich will render another partial view auf der Registerkarte ändern. Hier ist der code für die tab - <ul class="nav nav-tabs"> <li class="active" id="studentList"> <a href="#tab_1_1" data-toggle="tab" aria-expanded="true">

Bootstrap 3 - gewusst wie: ausblenden der input-group-btn auf einem bestimmten Gerät

Anzahl der Antworten 2 Antworten
Ich ausblenden möchten ein input-group-btn angesehen, wenn Sie auf extra-kleine Geräte. Was ist der geeignete Weg, dies zu erreichen? Ich habe versucht, die folgenden: <div class="input-group"> <input type="text" class="form-control"> <div class="input-group-btn hidden-xs"> <button type="button" class="btn btn-default dropdown-toggle"

Position Modal-box in Twitter bootstrap-3

Anzahl der Antworten 1 Antworten
Ich bin versucht zu haben, einen Twitter-bootstrap 3 modal angezeigt, der fest an der oberen rechten Ecke des Körpers. Bisher habe ich versucht: position: fixed; right 0px (Links und oben funktioniert aber Recht hat keine Auswirkung) übersetzen:

Die Deckkraft verändern bootstrap navbar

Anzahl der Antworten 3 Antworten
Ich versuche zu machen meiner navbar halbtransparente auf diesen code, aber ich bin nicht in der Lage, es zu tun: <nav class="navbar navbar-default navbar-fixed-top transparent" > <div class="container"> <div class="container-fluid"> <!-- Brand and toggle get grouped for

Wie man einen link umleiten, um ein bootstrap modal mit jQuery

Anzahl der Antworten 2 Antworten
Habe ich einen link, der leitet auf eine Produkt-Seite, indem es die id, aber ich möchte, um ein modales, bevor es umleitet. Ich möchte, dass der Benutzer, um zu bestätigen, dass er gelesen hat, und es wird

Links - und rechtsbündiger text in der gleichen Zeile in ein Bootstrap dropdown

Anzahl der Antworten 2 Antworten
Es ist üblich, für Menüs auf desktop-apps zeigen den Namen der Aktion auf der linken Seite und der Tastatur-shortcut auf der rechten Seite, wie diese. Will ich tun die gleiche Sache in ein Bootstrap dropdown-Menü. Allerdings kann

Twitter Bootstrap Mobile

Anzahl der Antworten 3 Antworten
Habe ich eine website gebaut mit Bootstrap und wollen eine mobile-version als auch. Das einzige Problem ist, dass die layouts, die ich erstellen wollen, unterscheiden sich erheblich. Zum Beispiel. Die desktop-version hat ein riesiges Bild auf der

Anpassen Bootstrap datatable filtern eingereicht und put-Platz-Halter

Anzahl der Antworten 3 Antworten
Muss ich passen meine Bootstrap datatable Suchfeld ein und muss einen Platzhalter in es. Und auch ich muss ausblenden Paginierung Dropdown-Menü und ändern Sie die position des such-Feld Links. Bitte finden Sie die beigefügten screenshot für weitere

Bootstrap 3 Zusammenbruch Symbol "Tabelle" wechseln

Anzahl der Antworten 2 Antworten
Ich eine Bootstrap-3-Tabelle, wobei die Zeilen der Tabelle sind anklickbar und agieren wie ein Akkordeon. Nur eine Zeile können Sie "öffnen". Klick auf zusammenbrach Zeile: öffnen geklickt zusammengebrochen Zeile schließen Sie andere Zeile, wenn es irgendeine wechselt

Twitter-bootstrap-js-popover Inhalt nicht aktualisieren, wenn die Daten-Attribut content wird aktualisiert

Anzahl der Antworten 1 Antworten
Ich bin mit einem popover zeigen einige Infos, die ich aktualisiere nach einem ajax-request. Grundsätzlich bin ich beim aktualisieren der Daten-content-Attribut des Elements, das löst das popover auf hover. Ich bin der überprüfung der dom und die

CakePHP mit Bootstrap (von Twitter)

Anzahl der Antworten 4 Antworten
Ich bin neu bei CakePHP und ich möchte wissen, eine Möglichkeit zur Nutzung von Twitter Boostrap in layouts kombiniert mit Kuchen. Meine größte Sorge ist, um das Formular-Helfer funktioniert weiterhin normal, weil ich denke, dass es verwendet

Laravel Elixier: Gulp wird nicht kompiliert, Bootstrap-Sass-Dateien

Anzahl der Antworten 3 Antworten
So begann ich mit Laravel 5, Elixir und Bower und folgten dem guide veröffentlicht auf laravel-news. Konnte ich kompilieren alle Skripte, sondern zu Schlucken, wird nicht kompiliert, die Bootstrap-Sass-Dateien, auch wenn Sie sagt Finished 'sass' after 228

Wie kann ich schließen Sie mehrere bootstrap-modals mit der Schaltfläche schließen auf den letzten knallte modal

Anzahl der Antworten 2 Antworten
Ich habe 2 modal popups, die in diesem code. Wie kann ich die schließen-Schaltfläche auf den zweiten knallte modal schließen der ersten und der zweiten modal. <button class="btn btn-default"><a href="#" data-toggle="modal" data-target="#myModal">Open First Modal</a></button> <div class="modal fade

Bootstrap-4 form-Eingang mit dem Symbol für die Validierung

Anzahl der Antworten 2 Antworten
In Bootstrap 3 gab es optional die Symbole für die Validierung Staaten. Das Symbol in der rechten Seite der Eingang mit der has-feedback, has-success, has-danger usw... Klassen. Wie kann ich diese Funktionalität in der Bootstrap-4 valid-feedback oder

Spalte Bestellen in Bootstrap3 nicht wie erwartet funktioniert

Anzahl der Antworten 2 Antworten
War ich dabei einige Experimente mit der Spalte bestellen in Bootstrap 3 und stieß auf dieses problem. Wie kann ich das erreichen der folgenden Reihenfolge: XS: 123 SM: 231 MD: 312 LG: 123 Dies ist, was ich

Welche CSS-element steuert bootstrap ist scrollspy active/hover?

Anzahl der Antworten 2 Antworten
http://examine.com/v5x/creatine.html#summary - bewegen Sie den Mauszeiger über Zusammenfassung. Was ist das CSS, das ihn kontrolliert? Ich kann nicht scheinen, um es zu finden. möchten Sie vielleicht setzen einige tatsächliche code in Ihrem Beitrag, niemand hat Zugriff auf

Benutzerdefinierte filter zu Datatable

Anzahl der Antworten 1 Antworten
Ich versuche, meine eigenen filter, um die Daten in der Tabelle, zweite Spalte. Hier unten ist mein code. <!doctype html> <html> <head> <style> table{ border:1px solid blue; } tr{ border:1px solid blue; } td{ border:1px solid blue;

Wie die Post für das einfügen von Daten in die DB mit Hilfe von Laravel, Bootstrap Modal und Ajax

Anzahl der Antworten 2 Antworten
Problem ist ich bin nicht in der Lage, bootstrap modal textarea input value Input::get () gibt, gibt es null. Modal submit und text-input(meiner Ansicht nach): <button type="button" class="btn btn-danger" onclick="customModalSubmitFunction('modalID')">Submit</button> JS-Funktion: function customModalSubmitFunction(modalID){ $.ajax({ type: "POST", url:

.hidden-phone funktioniert nicht für die Bootstrap-Karussell

Anzahl der Antworten 1 Antworten
Mache ich eine responsive Website mit Bootstrap. Ich bin versucht zu verbergen, einen Schieberegler auf Handys. Ich bin mit der Klasse .hidden-phone um dies zu erreichen. Allerdings ist es nicht für mich arbeiten. Wenn ich .hidden-desktop es

Simple_form: so ändern Sie die input wrapper-Klasse?(nicht die wrapper_html Effekt auf)

Anzahl der Antworten 1 Antworten
Ich habe ein problem bei der Verwendung von simple_form und Bootstrap 3. Über die input-wrapper-tag. Show-codes unter: anzeigen-code(mit haml) = simple_form_for @refer_email_form, url: create_refer_message_path, html: { class: "form-horizontal" } do |f| = f.input :to, label_html: { class: