13、Rails项目中布局填充与样式优化指南

Rails项目中布局填充与样式优化指南

1. 项目结构补充

在Rails应用中，有一个默认存在的 rails.png 图片，它位于 app/assets/images/rails.png ，这是每个新的Rails应用都会免费包含的。由于使用了 image_tag 辅助方法，Rails会通过资产管道自动找到它。

1.1 Bootstrap与自定义CSS的集成

为了给应用添加样式，我们可以结合Bootstrap框架和自定义CSS规则。具体操作步骤如下：
1. 添加Bootstrap ：在Rails应用中，可以使用 bootstrap-sass 宝石来添加Bootstrap。在 Gemfile 中添加以下代码：

source 'https://rubygems.org'
gem 'rails', '3.2.3'
gem 'bootstrap-sass', '2.0.0'

然后运行以下命令进行安装：

$ bundle install

安装完成后，重启Web服务器，使更改生效。
2. 创建自定义CSS文件 ：创建一个名为 app/assets/stylesheets/custom.css.scss </