Rails项目中,快速增加bootstrap的流程
我使用的场景是 Rails 3.2.6
1, 增加Gem
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><%= content_for?(:title) ? yield(:title) : "RestPrev" %></title> <%= csrf_meta_tags %> <!-- Le HTML5 shim, for IE6-8 support of HTML elements --> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <![endif]--> <%= stylesheet_link_tag "application", :media => "all" %> <link href="images/favicon.ico" rel="shortcut icon"> <link href="images/apple-touch-icon.png" rel="apple-touch-icon"> <link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72"> <link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114"> </head> <body> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">RestPrev</a> <div class="container nav-collapse"> <ul class="nav"> <li><%= link_to "Link1", "/path1" %></li> <li><%= link_to "Link2", "/path2" %></li> <li><%= link_to "Link3", "/path3" %></li> </ul> </div><!--/.nav-collapse --> </div> </div> </div> <div class="container"> <div class="content"> <div class="row"> <div class="span9"> <%= yield %> </div> <div class="span3"> <div class="well sidebar-nav"> <h3>Sidebar</h3> <ul class="nav nav-list"> <li class="nav-header">Sidebar</li> <li><%= link_to "Link1", "/path1" %></li> <li><%= link_to "Link2", "/path2" %></li> <li><%= link_to "Link3", "/path3" %></li> </ul> </div><!--/.well --> </div><!--/span--> </div><!--/row--> </div><!--/content--> <footer> <p>© Company 2012</p> </footer> </div> <!-- /container --> <!-- Javascripts ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <%= javascript_include_tag "application" %> </body></html>