Bootstrap Rails 4 sass布局无法正常工作

Question

我正在使用以下内容:

Rails 4.1.0

ruby 2.1.1p76(2014-02-24修订版45161)[x86_64-linux]

rvm 1.25.25(稳定)作者:Wayne E. Seguin,Michal Papis [ https://rvm.io/]

我的Gemfile:

source 'https://rubygems.org'


# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.1.0'
# Use sqlite3 as the database for Active Record
gem 'sqlite3'
# Use SCSS for stylesheets
gem 'sass-rails', '~> 4.0.3'
gem 'bootstrap-sass-extras'


# 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: https://github.com/rails/turbolinks
gem 'turbolinks'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.0'
# bundle exec rake doc:rails generates the API under doc/api.
gem 'sdoc', '~> 0.4.0',          group: :doc

# Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
gem 'spring',        group: :development

# Use ActiveModel has_secure_password
# gem 'bcrypt', '~> 3.1.7'

# Use unicorn as the app server
# gem 'unicorn'

# Use Capistrano for deployment
# gem 'capistrano-rails', group: :development

# Use debugger
# gem 'debugger', group: [:development, :test]

我完成了以下任务,通过我的railsapp实现bootstrap-sass-fluid布局:

捆绑安装

rails g bootstrap:安装

rails g bootstrap:布局应用程序流体

rails g scaffold帖子标题:字符串描述:文本

rake db:migrate

rails g bootstrap:主题帖子

我在我的rails应用程序下的assests文件夹中有这些文件:

/home/pallavsharma/Workspace/testapp/app/assets/stylesheets/application.css

/home/pallavsharma/Workspace/testapp/app/assets/stylesheets/posts.css.scss

/home/pallavsharma/Workspace/testapp/app/assets/stylesheets/scaffolds.css.scss

但我仍然没有在我的应用程序中的引导程序布局

我的application.css文件内容:

/*

• 这是一个清单文件,它将被编译到application.css中,其中包含所有文件

• 下面列出.

  *

• 此目录中的任何CSS和SCSS文件,lib/assets/stylesheets,vendor/assets/stylesheets,

• 插件的供应商/资产/样式表(如果有)可以使用相对路径在此处引用.

  *

Blockquote*您可以自由地将应用程序范围的样式添加到此文件中,它们将显示在该文件的底部

• 编译文件,因此您在此处添加的样式优先于在任何样式中定义的样式

• 在此目录中的其他CSS/SCSS文件中定义.通常最好创建一个新的

• 每个样式范围的文件.

  *

  *= require_tree.

  *= require_self

  */

还有什么需要提及请告诉.

Answer 1

application.css.scss 应该:

/*
 *= require bootstrap
 *= require_tree .
 *= require_self
 */

还需要在gemfile中提到这个gem

 gem 'bootstrap-sass', '~> 3.1.1'

然后

bundle install

它的工作原理.