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:

enter image description here

and should this:

enter image description here

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

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -