自学it吧论坛招聘网站管理员解答0穿衣服.pdfVIP

Part 1 安 ootstrap Step 1. 帮 穿上衣服 Bootstrap ，挂上 bootstrap -sass 这个 gem Bootstrap 是 Web 设计圈有名的 CSS 框架，提供了开发 快速 便捷的元件素材。如按钮、下拉选单、表格等等样式。 在 Rails 上要帮 穿上 Bootstrap ，用的是 bootstrap-sass 这个 套件。 修改 Gemfile ，在 group :development, :test do 前一行加入 gem bootstrap-sass Gemfile + gem bootstrap-sass group :development, :test do Step 2. bundle install 执行 bundle install (注意：修改完 Gemfile 都要执行 bundle install ） Step 3. 将 Bootstrap 的 CSS 套件装进 里面 输入 mv app/assets/stylesheets/application.css app/assets/stylesheets/application. scss 将 application.css 更名为 application.scss 然后修改内容加入这两行： app/assets/stylesheets/application.scss /* * ...(一堆注解) *= require_tree . *= require_self */ @import bootstrap-sprockets; @import bootstrap; Step 4. 将变更 commit 进去 git 里面。 git add . git commit -m add bootstrap to project Part 2 增加样式 Step 1. 新增 mon 资料夹 mkdir mon Step 2. 新增 navbar tou on/_navbar.html.erb 填入 mon/_navbar.html.erb nav class=navbar navbar-default role=navigation div class=container-fluid !-- Brand and toggle get grouped for better mobile display -- div class=navbar-header a class=navbar-brand href=/Job Listing /a /div !-- Collect the nav links, forms, and other content for toggling -- div class=collapse navbar-collapse id=bs-example-navbar-collapse-1 ul class=nav navbar-nav navbar-right li %= link_to(登入, #) % /li /ul /div !-- /.navbar-collapse -- /div !-- /.container-fluid -- /nav Step 3. 新增 footer tou on/_footer.html.erb 填入 mon/_footer.html.erb footer class=container style=marg op: 100px; p class=text-cen