2012-11-15 9 views
10

Meteor jest wielki i obsługuje bootstrap za pomocą „pakiet inteligentnych”, które mogą być włączone tak:Jak dostosować bootstrap do aplikacji meteorytowej?

meteor add bootstrap 

a następnie CSS, JavaScript i obrazy są magicznie zawarte w czasie wykonywania w przeglądarce. To świetnie, ale chciałbym dostosować bootstrap, aby nie wyglądał jak każda inna strona startowa w sieci. Zazwyczaj używam funkcji bootstrap customize, ale nie jest to dostępne tutaj. Jaki jest najlepszy sposób na zastosowanie dostosowań do bootstrap w kontekście meteorów?

Byłoby szczególnie idealne, gdybym mógł wygenerować plik LESS z modułu dostosowującego Bootstrap, umieścić go w moim katalogu i zrobić z nim. Okazuje się, że Bootswatch generuje CSS, zakłóca płynne układy, a poza tym każda strona trzecia będzie przestarzała raczej wcześniej niż później.

+0

Jest mniej inteligentny pakiet w tych dniach, być może warto byłoby w konfiguracji? – larsivi

Odpowiedz

7

Wygląda na to, że rozwiązanie jest tak proste, jak to tylko możliwe. Udało mi się zastąpić domyślne, włączając po prostu plik css w katalogu głównym mojej aplikacji meteorologicznej. Zdarzyło mi się użyć pliku css z puszki od Bootswatch, ale przypuszczam, że można go również ręcznie zmontować.

4

Skończyło się na usunięciu pakietu bootstrap meteorytów i zainstalowaniu go jako git submodule w ramach packages.

Zrobiłem mój własny pakowany git repo meteor-bootstrap, do którego również dodałem plik package.js z instrukcjami, których plików chcę użyć. (Zobacz gałąź meteor-packaged).

Zrobiłem to, aby móc zmieniać zmienne Bootstrap i swobodnie używać miksów LESS oraz nie dołączać każdego pojedynczego pliku JS Bootstrap.

+0

Więc dodałem go do folderu paczek, ale nie musisz ładować plików do klienta lub folderów publicznych, aby je skompilować. Czy właśnie odwołujesz się do plików zawartych w folderze pakietu? Spróbuję tego. –

+0

Zaktualizowałem moją odpowiedź. –

Powiązane problemy