Instalacja aplikacji Bootstrap 3 on Rails

Jak wielu wie, nie ma potrzeby posiadania klejnotu.

Kroki do wykonania:

1. Pobierz Bootstrap
   • bezpośredni link do pobrania Bootstrap 3.1.1
   • lub got to http://getbootstrap.com /

2. Kopia

   bootstrap/dist/css/bootstrap.css
   bootstrap/dist/css/bootstrap.min.css 
   

   Do: app/assets/stylesheets

3. Kopia

   bootstrap/dist/js/bootstrap.js
   bootstrap/dist/js/bootstrap.min.js 
   

   Do: app/assets/javascripts

4. Dołącz do: app/assets/stylesheets/application.css

   *= wymagaj bootstrap

5. Dołącz do: app/assets/javascripts/application.js

   //= require bootstrap

To wszystko. jesteś gotowy, aby dodać nowy fajny szablon Bootstrap.

Dlaczego app/ zamiast vendor/?

Ważne jest, aby dodać pliki do app / assets, więc w przyszłości będziesz mógł nadpisać style Bootstrap.

Jeśli później chcesz dodać plik custom.css.scss z niestandardowymi stylami. Będziesz miał coś podobnego w application.css:

 *= require bootstrap                                                            
 *= require custom  

Jeśli umieszczając pliki bootstrap w app / assets , wszystko działa zgodnie z oczekiwaniami. Ale jeśli umieścisz je w vendor / assets, pliki Bootstrap zostaną załadowane jako ostatnie. Tak:

<link href="/assets/custom.css?body=1" media="screen" rel="stylesheet">
<link href="/assets/bootstrap.css?body=1" media="screen" rel="stylesheet">

Więc niektóre z Twoich ustawień nie będą używane, ponieważ Style Bootstrap je nadpisują.

Powód tego

Rails będzie szukał zasobów w wielu lokalizacjach; aby uzyskać listę tych lokalizacji, możesz to zrobić:

$ rails console
> Rails.application.config.assets.paths

W wyjściu zobaczysz to app / assets ma pierwszeństwo, więc najpierw ją ładuje.

Ta odpowiedź jest dla tych z Was, którzy chcą zainstalować Bootstrap 3 w aplikacji Rails bez użycia klejnotu. Istnieją dwa proste sposoby, aby to zrobić, które zajmują mniej niż 10 minut. Wybierz ten, który najlepiej odpowiada twoim potrzebom. Gliphicony i Javascript działają i testowałem je również z najnowszą beta Rails 4.1.0.

1. Używanie Bootstrap 3 z Rails 4 - Pliki Bootstrap 3 są kopiowane do katalogu dostawcy Twojej aplikacji.

2. Dodawanie Bootstrap z CDN do Twojej aplikacji Rails - Pliki Bootstrap 3 są serwowane z Bootstrap CDN.

Numer 2 powyżej jest najbardziej elastyczny. Wszystko, co musisz zrobić, to zmienić numer wersji, który jest przechowywany w layout helper. Możesz więc uruchomić wybraną wersję Bootstrap, niezależnie od tego, czy jest to wersja 3.0.0, 3.0.3, czy nawet starsze wersje Bootstrap 2.

Twitter ma teraz gotową do obsługi sass wersję bootstrap z dołączonym gem, więc łatwiej niż kiedykolwiek dodać go do Rails.

Po prostu dodaj do swojego gemfile:

gem 'sass-rails', '>= 3.2' # sass-rails needs to be higher than 3.2
gem 'bootstrap-sass', '~> 3.1.1'

bundle install i uruchom ponownie serwer, aby pliki były dostępne w potoku.

Istnieje również wsparcie tylko dla compass i sass: https://github.com/twbs/bootstrap-sass

Używam https://github.com/yabawock/bootstrap-sass-rails

Który jest dość dużo prosta instalacja, szybkie aktualizacje gem i followups i szybkie poprawki w razie potrzeby.

gem bootstrap-sass

Bootstrap-sass jest łatwy do upuszczenia w Railach za pomocą potoku zasobów.

W Twoim Gemfile musisz dodać gem bootstrap-sass i upewnić się, że gem sass-rails jest obecny - domyślnie jest dodawany do nowych aplikacji Rails.

gem 'sass-rails', '>= 3.2' # sass-rails needs to be higher than 3.2 gem 'bootstrap-sass', '~> 3.0.3.0'

bundle install i uruchom ponownie serwer, aby pliki były dostępne w potoku.

Źródło: http://rubydoc.info/gems/bootstrap-sass/3.0.3.0/frames

Dla mnie najprostszym sposobem na to jest

1) Pobierz i rozpakuj bootstrap do vendor

2) Dodaj ścieżkę bootstrap do konfiguracji

config.assets.paths << Rails.root.join("vendor/bootstrap-3.3.6-dist")

3) Wymagaj ich

W css *= require css/bootstrap

W js //= require js/bootstrap

Metoda ta powoduje, że czcionki ładują się bez żadnej innej specjalnej konfiguracji i nie wymaga przenoszenia plików bootstrap z ich samodzielnego katalogu.

Korzystanie z tej gałęzi rozwiąże problem:

gem 'twitter-bootstrap-rails',
  git: 'git://github.com/seyhunak/twitter-bootstrap-rails.git',
  branch: 'bootstrap3'

Myślę, że najbardziej aktualnym klejnotem dla nowej wersji bootstrap jest forma anjlab .

Ale nie wiem czy obecnie działa dobrze z innymi klejnotami jak simple_form kiedy robisz rails generate simple_form:install --bootstrap itp. być może trzeba będzie edytować niektóre inicjalizatory lub konfiguracje, aby pasowały do nowej wersji bootstrap.

Właściwie miałem łatwe obejście tego, w którym prawie podrapałem się po głowie, jak to zrobić. hahah!

Cóż, najpierw ściągnąłem Bootstrap (skompilowaną wersję css i js).

Następnie wkleiłem wszystkie pliki css Bootstrap do app/assets/stylesheets/.

A następnie wkleiłem wszystkie pliki bootstrap js do app/assets/javascripts/.

Przeładowałem stronę i wallah! Właśnie dodałem bootstrap w RoR!