Wie kann ich Bootstrap in einer Meteor-Anwendung anpassen?

Question

Meteor ist groß, und unterstützt Bootstrap ein ‚intelligentes Paket‘ verwenden, wie diese aufgenommen werden kann:

meteor add bootstrap 

und dann der CSS, JavaScript und Bilder werden auf magische Weise zur Laufzeit im Browser enthalten. Das ist großartig, aber ich möchte Bootstrap so anpassen, dass es nicht wie jede andere Bootstrap-Site im Netz aussieht. Normalerweise würde ich die bootstrap customize Funktionalität verwenden, aber das ist hier nicht verfügbar. Was ist der beste Weg für mich, Anpassungen im Bootstrap in einem Meteor Kontext anzuwenden?

Es wäre besonders ideal, wenn ich eine LESS-Datei vom Bootstrap-Customizer erzeugen, in mein Verzeichnis plopsen und damit fertig machen könnte. Es stellt sich heraus, dass Bootswatch CSS generiert, die flüssige Layouts durcheinander bringen, und außerdem wird jede dritte Partei früher oder später veraltet sein.

Answer 1

Nun, es scheint, dass die Lösung genauso einfach ist wie es sein könnte. Ich konnte die Standardeinstellungen überschreiben, indem ich einfach eine CSS-Datei in das Wurzelverzeichnis meiner Meteor-App einfügte. Ich benutzte zufällig eine Dose css-Datei von Bootswatch, aber ich nehme an, dass man das auch von Hand aufrollen könnte.

Answer 2

Ich beendete das Entfernen des Meteor Bootstrap-Pakets insgesamt und installieren Sie es als git submodule innerhalb packages.

Ich machte meine eigene benutzerdefinierte verpackte Git Repo meteor-bootstrap, zu der ich auch eine package.js Datei mit Anweisungen, welche Dateien ich verwenden möchte. (Siehe den Zweig meteor-packaged).

Ich tat dies, um Bootstrap-Variablen zu ändern und die LESS-Mixins frei zu verwenden, und nicht jede einzelne Bootstrap-JS-Datei einzuschließen.

Answer 3

Ich habe ein Shell-Skript erstellt, um ein benutzerdefiniertes Bootstrap-Meteor-Paket entweder aus einer vorkompilierten Distribution oder einem eigenen Klon des Bootstrap Git-Repositorys zu generieren.

Sie können es hier finden, zusammen mit Nutzungsinformationen: https://github.com/wojas/meteor-package-bootstrap

Answer 4

Dieser Link bietet eine gute und intelligente Weise mit Meteor zu verwenden Bootstrap. Die Anpassung erfolgt über Variablen und auch über Mixins. Du kannst es versuchen, wenn du willst.

---

https://www.manuel-schoebel.com/blog/meteorjs-and-twitter-bootstrap-the-right-way