Weniger Include-Pfad

Question

Ich isoliere Bootstrap-Klassen in eine Top-Klasse, um Konflikte mit dem CSS meiner eigenen Seite zu vermeiden, wie von Chris Youderian in this post gezeigt. Ich verwende die folgende bootstrap-custom.less Datei:

.bootstrap-custom { 
    @import (less) '../libs/bootstrap/css/bootstrap.css'; 
} 

Das Problem ist, dass, wenn ich glyphicons verwenden, ist es für die Schriften in Bezug auf den Weg meines bootstrap-custom.less aussieht, und nicht den Pfad bootstrap.css ist.

Ich möchte nicht bootstrap-custom.less in Bootstrap-Ordner setzen, weil es eine Abhängigkeit verwaltet von bower und es scheint nicht richtig.

Gibt es eine Möglichkeit, es zu lösen, ohne den Bootstrap-Code zu ändern? Auch das möchte ich nicht machen, da es sich um eine Abhängigkeit handelt, die vom Paketmanager verwaltet wird.

Answer 1

Ich habe gerade mein Problem gelöst.

Ich hatte nur die font-family in meinem bootstrap-custom.less relativ zu sich selbst zu deklarieren, wie folgt:

.bootstrap-custom { 
    @import (less) '../libs/bootstrap/css/bootstrap.css'; 

    @font-face { 
     font-family: 'Glyphicons Halflings'; 

     src: url('../libs/bootstrap/fonts/glyphicons-halflings-regular.eot'); 
     src: url('../libs/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
      url('../libs/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
      url('../libs/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), 
      url('../libs/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
      url('../libs/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 
    } 
} 

Ich werde dies aber vielleicht jetzt jemand kommt mit einer besseren Lösung verwenden.