Overide bootstrap base class attributes in less and meteor

问题

I am trying to change the behaviour of a bootstrap class in my meteor code and have naively tried the following.

In my html I have added a class tb-sponsor to the div class list

<div class="col-md-8 column tb-sponsor">
      <h4> <strong>Papallo Kitchen & Joinery</strong></h4>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean enim diam, imperdiet et sem nec.
</div>

and in the tb.less file added

.tb-sponsor{
   .h4 {
      color: @tb-color;
   }
}

to try and change the color of the h4. Nothing happens. I can get things to happen if I use id=blah the #blah in the tb.less but not for classes. I'm obviously a missing something here. Any ideas please?

回答1:

Remove the period (.) before h4

来源：https://stackoverflow.com/questions/29143645/overide-bootstrap-base-class-attributes-in-less-and-meteor