【问题标题】:which version of bootstrap ie simple minimized version or sass powerd version of bootstrap is better for using in rails application哪个版本的引导程序,即简单的最小化版本或 sass 驱动的引导程序版本更适合在 rails 应用程序中使用
【发布时间】:2014-09-11 12:25:58
【问题描述】:

我正在开发一个 Rails 应用程序并想使用 simpleform gem 和 bootstrap,我已经安装了所需的 gem,但我对使用哪个版本感到困惑,即最小化版本或 sass 驱动版本,我也想知道在哪里将这两个版本都放在 vendor/assets 或 application/assets 中

这是我的 gem 文件

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.1.5' 
# Use sqlite3 as the database for Active Record
#gem 'sqlite3'

gem 'mysql2'

# Use SCSS for stylesheets
gem 'sass-rails', '~> 4.0.3'
gem 'bootstrap-sass'
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'
# Use CoffeeScript for .js.coffee assets and views
gem 'coffee-rails', '~> 4.0.0'

# See https://github.com/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer',  platforms: :ruby

# Use jquery as the JavaScript library
gem 'jquery-rails'
# Turbolinks makes following links in your web application faster. Read more:           
gem 'turbolinks'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.0'
gem 'sdoc', '~> 0.4.0',          
group: :doc

gem 'spring',        group: :development

gem 'cancan'


gem 'simple_form'

group :assets do
gem 'twitter-bootstrap-rails'
end

【问题讨论】:

  • 你可能想使用 gem "twitter-bootstrap-rails"
  • @JoelL 但它就在这个 gemfile 的底部。 bootstrap-sass 可能是一个更好的选择。奇怪的是,他们在那里。我想知道这是怎么出来的。

标签: css ruby-on-rails ruby twitter-bootstrap sass


【解决方案1】:

Rails 的资产管道解决了您的大部分问题。

bootstrap-sass 实质上使 Bootstrap 可用于导入您的 *.sass/*.scss 文件,以及用于 JS 组件的 *.js。如何使用它在the gem's README on Github 中有很好的描述。如果您使用此 gem,则无需下载任何 Bootstrap 文件,因为这正是它所负责的。

Sass 驱动的版本比预编译版本更适合 Rails(在大多数情况下),因为它更灵活。它可以通过 Sass 最小化和修改,并且 Bootstrap 中的 mixin 可用于您自己的样式中,以保持更统一的外观。

坚持bootstrap-sasssass-rails 并删除twitter-bootstrap-rails。为什么?因为与此 gem 相同的灵活性是通过使用 LESS 实现的,这需要先设置它(额外的 gem less-rails)。

一般来说,Sass 更适合基于 Ruby 的项目,LESS 更适合基于 JS 的项目。但是,通常可以不费吹灰之力地反对这一点,但这需要您对资产生成系统有一些经验。让自己更容易发展。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-07-30
    • 1970-01-01
    • 2018-07-30
    • 2014-04-17
    • 2015-02-03
    • 1970-01-01
    • 2013-11-18
    • 1970-01-01
    相关资源
    最近更新 更多