Css in Rails 3.2 Agile Web Development -
i have use rails 3.2 cause of hosting. however, installed
gem "twitter-bootstrap-rails"
and have copyed css the book agile web development rails, 4th edition, rails 3.2 (the pragmatic programmers) - 2011 of layout of app. put here:
c:\bitnami\chiarini\app\assets\stylesheets
/* * manifest file that'll compiled application.css, include files * listed below. * * css , scss file within directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, if any, can referenced here using relative path. * * you're free add application-wide styles file , they'll appear @ top of * compiled file, it's better create new file per style scope. * *= require_self *= require fullcalendar *= require_tree . */ #banner { background: #9c9; padding: 10px; border-bottom: 2px solid; font: small-caps 40px/40px "times new roman", serif; color: #282; text-align: center; img { float: left; } } #notice { color: #000 !important; border: 2px solid red; padding: 1em; margin-bottom: 2em; background-color: #f0f0f0; font: bold smaller sans-serif; } #columns { background: #141; #main { margin-left: 17em; padding: 1em; background: white; } #side { float: left; padding: 1em 2em; width: 13em; background: #141; ul { padding: 0; li { list-style: none; { color: #bfb; font-size: small; } } } } }
i put view of layout:
c:\bitnami\chiarini\app\views\layouts\application.html.erb
<!doctype html> <html> <head> <title>aaa</title> <%= stylesheet_link_tag "application", :media => "all" %> <%= javascript_include_tag "application" %> <%= csrf_meta_tags %> </head> <body class="<%= controller.controller_name %>"> <div id="banner"> <%= image_tag("logo.png") %> <%= @page_title || "aaa" %> </div> <div id="columns"> <div id="side"> <ul> <li><a href="http://www....">home</a></li> <li><a href="http://www..../faq">questions</a></li> <li><a href="http://www..../news">news</a></li> <li><a href="http://www..../contact">contact</a></li> </ul> </div> </div> <div id="main"> <% if notice %> <p class="alert alert-success"><%= notice %></p> <% end %> <% if alert %> <p class="alert alert-danger"><%= alert %></p> <% end %> <%= yield %> </div> </body> </html>
and it's how appears:
and should this:
i don't know problem. possible bootstrap overwrite of css?
if using devise
gem authentication , authorization. please skip before_filter :authenticate_admin!
or before_filter :authenticate_user!
root path.
you can customize sign in(login) template in app/views/devise/sessions/new.html.erb
Comments
Post a Comment