I have tried using the .navbar.navbar-inner { ... } syntax instead and it does not work. So I have reverted back to the original syntax.