I connect the standard bootstrap.css to my site and my own (via Koala compiled from .scss) style.css style file Bootstrap.css interrupts the style.css styles. It should be the other way around. Who knows how to connect the bootstrap correctly, so that he would not interrupt the styles written and compiled on scss?

enter image description here

enter image description here

The style is applied here: Navbar example enter image description here

Update

Screen with devTools styles from this element on the page

the same screen, only in a different screen resolution (the priority of styles changes again)

the same screen, only in a different screen resolution (the priority of styles changes again)

  • An example of styles that interrupts bootstrap can you give? - Vasily Barbashev
  • see below for screenshots - Anton Litvinenko
  • Screen with devTools styles from this item on page skip - Vasily Barbashev
  • @ VasilyBarbashev threw off below - Anton Litvinenko
  • Insert code by text, not by image. - Nicolas Chabanovsky ♦

1 answer 1

Inheritance is a bit wrong. In your case, you should not just create a class .artic , but say that it lies in .jumbotron

Ie, be sure to write this: .jumbotron .artic

Not: .arctic

Example: http://codepen.io/bustexz/pen/aNWazR

  • Indeed, one should have paid attention to .jumbotron Thank you! - Anton Litvinenko