在Rails应用程序上安装Bootstrap 3
我试图在我的Rails应用程序上安装Bootstrap 3.0。 我最近完成了Michael Hartl的教程，现在正试图用这个新版本的Bootstrap构build我自己的系统，但是我有一些我不确定的问题。
我的系统规格：
- MBP上的OS X Mountain Lion
- Rails 4.0
- Ruby 2.0
我有问题：
- 什么是在我的Gemfile中使用最好的gem？ 我发现了其中的一些。
- 我在
custom.css.scss上导入了什么？ 我读过的地方和2.3.2不一样。 - 还有什么我必须做Bootstrap工作，或者是剩下的步骤相同的我遵循的Bootstrap 2.3.2？
编辑
以下是GitHub上的bootstrap-rails项目首先要做的事情：
gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails', :github => 'anjlab/bootstrap-rails'
然后它说：
gem 'anjlab-bootstrap-rails', '>= 3.0.0.0', :require => 'bootstrap-rails'
他们做同样的事情，还是你必须这样做呢？
其实你不需要这个gem，这里是在RoR中安装Bootstrap 3的步骤
-
下载 Bootstrap
-
复制：
bootstrap/dist/css/bootstrap.css和bootstrap/dist/css/bootstrap.min.css要：
vendor/assets/stylesheets -
复制：
bootstrap/dist/js/bootstrap.js和bootstrap/dist/js/bootstrap.min.js致：
vendor/assets/javascripts -
更新：
app/assets/stylesheets/application.css通过添加：*= require bootstrap.min -
更新：
app/assets/javascripts/application.js通过添加：//= require bootstrap.min
有了这个，你可以随时更新bootstrap，不需要等待gem更新。 此外，采用这种方法，资产pipe道将在生产中使用缩小版本。
众所周知，没有必要创造一个gem。
采取的步骤：
- 下载Bootstrap
- 直接下载链接Bootstrap 3.1.1
- 或者去http://getbootstrap.com/
-
复制
bootstrap/dist/css/bootstrap.css bootstrap/dist/css/bootstrap.min.css到：
app/assets/stylesheets -
复制
bootstrap/dist/js/bootstrap.js bootstrap/dist/js/bootstrap.min.js到：
app/assets/javascripts -
附加到：
app/assets/stylesheets/application.css* =需要引导
-
附加到：
app/assets/javascripts/application.js// =需要引导
就这些。 您准备添加一个新的酷的Bootstrap模板。
为什么app/而不是vendor/
将文件添加到应用程序/资产非常重要，因此将来您可以覆盖Bootstrap样式。
如果稍后想要使用自定义样式添加custom.css.scss文件。 在application.css你会有类似的东西：
*= require bootstrap *= require custom
如果您将引导程序文件放在应用程序/资产中 ，则一切正常。 但是，如果将它们放置在供应商/资产中 ，Bootstrap文件将最后加载。 喜欢这个：
<link href="/assets/custom.css?body=1" media="screen" rel="stylesheet"> <link href="/assets/bootstrap.css?body=1" media="screen" rel="stylesheet">
所以，一些自定义将不会被使用，因为Bootstrap样式会覆盖它们。
这背后的原因
Rails将在许多地方search资产; 要获得这个位置的列表，你可以这样做：
$ rails console > Rails.application.config.assets.paths
在输出中你会看到应用/资产优先，因此首先加载。
这个答案适用于那些希望在你的Rails应用程序中安装Bootstrap 3而不使用gem的人。 有两种简单的方法可以用不到10分钟。 select最适合您的需求的那个。 Glyphicons和Javascript的工作，我也testing了他们与最新的testing版的Rails 4.1.0。
-
在Rails 4中使用Bootstrap 3 – Bootstrap 3文件被复制到应用程序的vendor目录中。
-
从CDN添加Bootstrap到您的Rails应用程序 – Bootstrap 3文件由Bootstrap CDN提供 。
上面的2号是最灵活的。 您只需更改存储在布局助手中的版本号即可。 因此，您可以运行您select的Bootstrap版本，无论是3.0.0,3.0.3还是更老的Bootstrap 2版本。
Twitter现在已经包含了gem 的引导版本 ，所以比以前更容易将其添加到Rails。
只需添加到您的gem文件下面：
gem 'sass-rails', '>= 3.2' # sass-rails needs to be higher than 3.2 gem 'bootstrap-sass', '~> 3.1.1'
bundle install并重新启动您的服务器以通过pipe道使文件可用。
也支持指南针和sass-only： https ： //github.com/twbs/bootstrap-sass
我使用https://github.com/yabawock/bootstrap-sass-rails
这是非常简单的安装，快速gem更新和后续行动，并在需要的情况下快速修复。
gem bootstrap-sass
通过资产pipe道，bootstrap-sass很容易放入Rails。
在您的Gemfile中，您需要添加bootstrap-sass gem，并确保sass-rails gem存在 – 默认情况下将添加到新的Rails应用程序中。
gem 'sass-rails', '>= 3.2' # sass-rails needs to be higher than 3.2 gem 'bootstrap-sass', '~> 3.0.3.0'
bundle install并重新启动您的服务器以通过pipe道使文件可用。
来源： http : //rubydoc.info/gems/bootstrap-sass/3.0.3.0/frames
对我来说，最简单的方法是
1）下载并解压bootstrap到vendor
2）将引导path添加到您的configuration
config.assets.paths << Rails.root.join("vendor/bootstrap-3.3.6-dist")
3）要求他们
在css *= require css/bootstrap
在js中//= require js/bootstrap
完成！
这种方法使得字体加载时没有任何其他特殊的configuration，并且不需要将引导文件移出它们自包含的目录。
使用这个分支将有望解决这个问题：
gem 'twitter-bootstrap-rails', git: 'git://github.com/seyhunak/twitter-bootstrap-rails.git', branch: 'bootstrap3'
facil：descarga de la pagina de bootstrap，todo el bootstrap metes los js en javascrip。 css en css y los stylesheets en los stylesheets de tu proyecto 1. instalar las gemas en el GEMFILE del proyecto：
descomentas en el Gemfile la linea del gem'therubyracer'，平台：：ruby
在mi proyecto es la linea 15
– > gem simple_form – > gem twitter-bootstrap-rails
- en la consola ejecutar los siguientes comandos：
– > rails g simple_form：install –bootstrap – > rails g bootstrap：install
- haga de un un scaffold y al terminar los tipo de datos en la consola que no se le le olvide el –skip-stylesheets y cuando termine cada scaffold hacer lo siguiente para cada uno：
– > rake db：migrate – > rails g bootstrap：主题nombre_vista_plural -f
相应的服务器轨道
listo ya tienes boostrap en tu proyecto
我认为最新的引导版本最新的gem是formsanjlab 。
但是我不知道在使用rails generate simple_form:install --bootstrap等时，它是否与其他像simple_form这样的gem工作良好，您可能需要编辑一些初始值设定项或configuration以适应新的引导版本。
