2014-09-20 3 views
1

J'ai une application 4 rails avec forme simple et bootstrap.Rails 4 avec Simple Form - Problèmes CSS

J'ai cette entrée:

 <%= f.label 'Does this project require ethics approval?', :class => 'subquestion' %> 

J'ai défini un champ subquestion css comme:

.subquestion { 
    font-family: 'Quicksand', sans-serif; 
    font-size: 24px; 
    color: #7491A3; 
    padding-bottom: 15px; 
    margin-top: 40px; 
} 

Lorsque j'inspecte l'élément, les trois premiers attributs de mon style CSS sont rayées. L'inspecteur de google montre que le style CSS le plus proche est appelé sous-question de l'étiquette de contrôle optionnelle. Je ne sais pas où cette classe est définie.

Est-ce que quelqu'un sait comment appliquer css à la forme simple dans rails bootstrap?

Merci

+0

theyre rayée du rôle parce qu'il existe-t-il d'autres styles dans votre feuille de style qui ont une plus grande importance que ceux que vous avez spécifiés – mymlyn

Répondre

0

Soit réorganiser l'ordre du css est chargé dans le Sass ou append! Important pour les styles étant barré. Le premier est la meilleure option à long terme.

Assurez-vous que Bootstrap est chargé avant que le reste de votre css

Tels que:

/* 
*= require bootstrap.min.css 
*= require_self 
*= require_tree . 
*/ 

Une autre option est les règles d'importation SASS

http://pivotallabs.com/structure-your-sass-files-with-import/