読者です 読者をやめる 読者になる 読者になる

おれんじりりぃぶろぐ

きっと何者にもなれないエンジニアのブログ

Rails4でBootstrapを使う

railsでbootstrapを導入したい時のメモ。

Gemfile

gem 'less-rails' # lessの導入
gem 'twitter-bootstrap-rails' # bootstrap本体

Gemfileに以上の2行を追加する。

bundle install
rails g bootstrap:install

上記のコマンドでbootstrapのファイルがrailsプロジェクト上に展開される。

navbarを使う時の注意

navbarをnavbar-fixed-topで使いたい時にpaddingを60pxほど開けなければいけないがbodyタグやカスタムcssに記述しても上手く反映してくれない。 app/assets/stylesheets/bootstrap_and_overrides.css.lessに以下を追加記述する必要がある。

bootstrap_and_overrides.css.less

body {
  padding-top:60px;
}

参考