Rails中Bootstrap的安装和使用

眼看着前端攻城师们都开始使用Bootstrap创作网页，于是也想学着在最近正在学习的Rails中使用Bootstrap。

具体安装使用过程如下：

1、创建Rails工程

rails new usedschool

2、生成脚手架

rails g scaffold Item title:string description:text --skip-stylesheets

3、应用迁移

rake db:migrate

4、修改Gemfile文件，加入要安装的bootstrap相关包

5、安装相关包

bundle install

在这里我遇到了一个Ruby版本限制的问题，将Ruby升级之后才顺利安装好了bootstrap相关包。

具体升级操作请查看这里：Ruby升级

6、运行rails g bootstrap:install生成bootstrap相关文件

到目前为止，bootstrap已经成功安装，下面来看下使用方法

7、修改application.html.erb布局文件

这一步修改模版，毕竟对bootstrap具体用法还不熟悉，所以直接拿来主义，找模版过来套用。

套用模版http://www.bootcss.com/examples/fluid.html

  
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>



    

      

        

          
            
            
            
          
          一起二
          

            

              Logged in as Username
            
            

              
Home
              
About
              
Contact
            
          

        
      
    

    

      

        

          

            

              
Sidebar
              
Link
              
Link
              
Link
              
Link
              
Sidebar
              
Link
              
Link
              
Link
              
Link
              
Link
              
Link
              
Sidebar
              
Link
              
Link
              
Link
            
          

        

        

         	 <%= yield %>
          

        

      


      


      

        
© By lissdy 2013
      

    

8、修改Item整体页面风格

rails g bootstrap:themed items -f

运行结果：

肿么样？比Rails直接生成的好看多了吧