Aplikacja Railsy: używanie klejnotu vs. źródło z Twittera Bootstrapa

Question

Przeszedłem przez moją aplikację i mam problem ze znalezieniem źródła źródła Bootstrap, gdy dołączę je do klejnotu. Jeśli chciałbym obejrzeć na przykład plik Bootstrap .css, jak go znaleźć?

Alternatywą, jak rozumiem, włączenie go jako klejnot byłoby pobranie i podanie źródła bezpośrednio, prawda? Czy jedno podejście jest lepsze od drugiego.

Wreszcie, jeśli chcę zmodyfikować Bootstrap css, jaki jest najlepszy sposób na zrobienie tego? Gdybym miał źródło w mojej aplikacji, wyobrażam sobie, że mógłbym po prostu tam wejść i modyfikować rzeczy. A może włączę to jako klejnot?

Niektóre wyjaśnienia na temat tego, jak to działa, byłyby bardzo mile widziane. Posiadanie źródła znajdującego się w katalogu mojej aplikacji ma sens, i mógłbym wskazać to w odniesieniu do plików .html ... ale z Gemfile mam wrażenie, że wszystko jest w małym czarnym pudełku ...

Answer 1

Absolutnie Zgadzam się, że to rozczarowujące, że pliki Bootstrap znajdują się poza aplikacją.

polecam następujący obieg w tym przypadku:

1. sklonować repo bootstrap-sass z Github lub pobrać zipball. Jest to oficjalny port Bootstrap w Sass i jest aktualizowany przez ten sam zespół.

2. Skopiuj tylko częściowe Sass (te, których nazwa pliku zaczyna się od podkreślenia) na app/vendor/assets/stylesheets. JavaScript i obrazy są umieszczane w odpowiednich katalogach pod numerem app/vendor/assets. Przypomni Ci to, że musisz trzymać się z daleka od edycji tych plików, zachowując jednocześnie czyste katalogi zasobów aplikacji. I kiedy masz ochotę się im przyjrzeć, będą na wyciągnięcie ręki.

3. Skopiuj bootstrap.scss do app/assets/stylesheets i majsterkuj z nimi tyle, ile chcesz. Pamiętaj, aby wyłączyć wszystkie funkcje, których nie używasz, ponieważ przenoszenie tych elementów będzie oznaczało posiadanie większego pliku CSS, niż potrzebujesz.

4. Dostosuj swoje zmienne Boostrap i klasy i załaduj je po plikach Bootstrap w manifeście, tak jak za pomocą klejnotu. Na przykład, załóżmy, że umieszczasz własne zmienne w _overrides.scss. Twój application.css.scss będzie wyglądać następująco:

   @import "bootstrap"; 
   @import "overrides"; 
   

to wszystko. To właśnie zrobiono dla app/vendor/assets!

Answer 2

Jestem względnie nowy w RoR i odkryłem, że istnieje wiele różnych sposobów wdrożenia bootstrap. Próbowałem klejnotu thomas-mcdonald/bootstrap-sass i udało mi się to doskonale. , ale chciałem uzyskać dokładniejszą wiedzę na temat tego, co dokładnie robiły pliki bootstrap i jak wyglądał kod. powyższa odpowiedź była bardzo pomocna. Chciałem tylko dodać, że ten bootstrap 3 video okazał się bardzo przydatny i pracował dla mnie.