css - Twitter Bootstrap Extend not working -


I am running a rail app and have installed the Twitter-Bootstrap-Rail Mani (v2.2.8). I am trying to use the detailed method, but the problems are coming:

home / index.html.erb:

  & Lt; P class = "text-error" & gt; Test 1 & lt; / P & gt; & Lt; p class = "test" & gt; Test 2 & lt; / P & gt;   

/app/assets/stylesheets/bootstrap_and_overrides.css:

  / * = twitter-bootstrap-static / bootstrap key Use Font Awesome icons (default) to change the use of glyphicans sprites instead of the awesome font, replace with "twitter-bootstrap-static / sprites requirement" replace = twitter-bootstrap-static / fontoff / body { padding-top: 60px; } #error_explanation {color: # f00; UL {List style: None; Margin: 0 18px 0; }} .test {@extend .text-error; }   

I expect as "Test 1", but Test 2 does not inherit .text-error formatting.

Your file name must be bootstrap_and_overrides.css.scss and no bootstrap_and_overrides.css . Now, when our Sass compiled, gets the .test selector .test, .text-error

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -