Bootstrap Auswahl wird nicht angezeigt

Ich versuche Bootstrap-Select mit meinem eckigen Projekt zu verwenden, aber es erscheint überhaupt nicht.Bootstrap Auswahl wird nicht angezeigt

Meine Abhängigkeiten nach dem Bootstrap-Select-Paket mit Bower installieren:

<link rel="stylesheet" type="text/css" href="bower_components/font-awesome/css/font-awesome.min.css"> 
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap-select/dist/css/bootstrap-select.min.css"> 
<link rel="stylesheet" type="text/css" href="bower_components/angular-material/angular-material.min.css">

Und für die js Dateien:

<script type="text/javascript" src="bower_components/angular/angular.min.js"></script> 
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script> 
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="bower_components/bootstrap-select/dist/js/bootstrap-select.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-cookies/angular-cookies.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-animate/angular-animate.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-aria/angular-aria.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-cookies/angular-cookies.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> 
<script type="text/javascript" src="bower_components/ng-file-upload/ng-file-upload.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-material/angular-material.min.js"></script>

Dies ist die einzige Regel, die dem Auswahlpunkt aus der angewendet wird, bootstrap-select CSS-Stylesheet.

Wählen Sie.bs-select-hidden, select.selectpicker { Anzeige: keine! Wichtig; }

Sind einige der anderen Pakete kaputt?

Danke

Meine Versionen Winkel: 1.6.2, Bootstrap: 3.3.7, Bootstrap-select: 1.12.2

Quelle

2017-05-31 Efi Kaltirimidou

Wie sieht das HTML aus? Ihr CSS setzt die Anzeige auf keine. Ich würde erwarten, dass es nicht angezeigt werden .... – sn3ll

Die HTML ist der Standard Beispiel von Bootstrap-select '' die CSS ist nicht meins, es ist der select-bootstrap css und die einzige Regel, die auf den html angewendet wird, ist diejenige mit display none. Ein Link zu [bootstrap-select] (https://silviomoreto.github.io/bootstrap-select/) –

Ich hatte das gleiche Problem vor kurzem, was ich tat, war:

1) Laden Bootstrap-Auswahl von SilvioMoreto Git;
2) Kopieren Sie die bootstrap-select.js von bootstrap-select/js;
3) Fügen Sie die Datei in Ihr Projekt Javascripts-Verzeichnis ein;
4) Link Pfad zu der Datei in Ihrem Projektheader;

Es funktionierte für mich, hoffe es hilft!

Quelle

2017-07-13 14:32:04

Bootstrap Auswahl wird nicht angezeigt

Antwort

Verwandte Themen