Hello World from OSS Silicon Valley

• List of Backups
• View the diff current.
• View the source.
• View the backup.
• Go to HowToUse/RubyOnRails/4.2/Bootstrap/3.3.
  • 1 (2015-08-22 (Sat) 23:34:30)
  • 2 (2015-08-23 (Sun) 01:28:32)
  • 3 (2015-09-26 (Sat) 17:09:55)
  • 4 (2015-09-26 (Sat) 23:06:36)
  • 5 (2015-11-01 (Sun) 22:56:32)

• The added line is THIS COLOR.
• The deleted line is THIS COLOR.

#contents

*Prerequisite [#v50266e0]
-Ruby On Rails installation (You can refer [[Overall/RubyOnRails]])
-Ruby On Rails installation (You can refer [[HowToUse/RubyOnRails/4.1]])

*Install&Setup [#h7236ae1]
:Step.1|
Download Twitter Bootstrap file.
http://getbootstrap.com/

#ref(Bootstrap_fig1.png,,500x266,)

:Step.2|
Deploy files to Ruby On Rails project.

 $ cp -r <BootStrap>/fonts <Ruby On Rails Project>/vendor/assets
 $ cp <Bootstrap>/css/* <Ruby On Rails Project>/vendor/assets/stylesheets/
 $ cp <Bootstrap>/javascripts/* <Ruby On Rails Project>/vendor/assets/javascripts/

Step:3|Add new line to app/assets/stylesheets/application.css
 
 *= require bootstrap

Step:4|Edit new line to app/assets/javascripts/application.js

 //= require bootstrap

:Step.5|Edit config/application.rb

 config.assets.paths << "#{Rails}/vender/assets/fonts"

:Step.6|Execute precompile

 $ rake assets:precompile Rails_ENV=development


*HowToUse [#z1d45951]
:Step.1|
xxx
:Step.1|Add new controller to have bootstrap.

 $ cd <Ruby On Rails Project>
 $ rails g controller <Controller name> <view name>

:Step.2|Edit view file.

 $ vi app/views/layouts/application.html.erb

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
 
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
 
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

You can see sample (https://github.com/nasebanal/nb-socialcoding/blob/master/app/views/layouts/application.html.erb).


*Author [#abd78b53]
S.Yatsuzuka