ruby on rails 3 - twitter boostrap css displaying differently when pushed -
i trying css recognised '.jumbotron h1' or '.jumbatron .lead'
<div class="jumbotron"> <h1>thousands of clinical guidelines!</h1><br> <p class="lead">guidelinesforme free, crowd-sourced database links online clinical treatment guidelines. has <%= guideline.all.count %> guidelines.</p> <%= link_to main_path, class: "btn btn-large btn-success" do%> see guidelines <% end %> </div>
but it's inside div class 'jumbotron' <h1>
being shown h1, , not 'jumbotron h1' - same problem <p>
etc.
something overriding i'm not sure how work out what...
my_styles.css /* main marketing message , sign button */ .jumbotron { margin: 20px 0; text-align: center; } .jumbotron h1 { font-size: 100px; line-height: 1; } .jumbotron .lead { font-size: 24px; line-height: 1.25; } .jumbotron .btn { font-size: 21px; padding: 14px 24px; }
and application.css is
/* * 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 bootstrap *= require bootstrap-responsive *= require guidelines *= require my_styles */
Comments
Post a Comment