How do I override the bootstrap navbar css in rails 4 using scss?

Vote count:

0

I can override other elements like body and jumbotron but any changes I make to the navbar don't do anything.

I've made sure there are no precompiled assets in /public.

My application.css.scss file is this:

@import "bootstrap-sprockets";
@import "bootstrap";

// ensure the body isn't overlaped by the fixed header since we're using that
body {
  padding-top: 60px;
}

.jumbotron {
  padding-top: 20px;
}

// this does nothing!
.navbar-default {
  .navbar-text {
    color: red; }
}

What am I doing wrong?

asked 1 min ago

Gruff

26

How do I override the bootstrap navbar css in rails 4 using scss?