[wp] - Bootstrap transparent menu with Roots Theme

app.css

.navbar .brand {
   border-right: none;
   color: #fff;
}

.navbar .navbar-inner {
   background-color: transparent;
   background-image: none;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
   background: none;
}

.navbar .nav > li > a {
   background-color: transparent;
   color: #fff;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
   background-color: transparent;
}

.nav > li > a {
   background-color: transparent;
   background: none;
}

.navbar .nav > li > a {
   border: none;
}

.navbar-inner {
   border: none;
}

.page-id-12 .navbar .navbar-inner {
   box-shadow: none;
}

.navbar .nav > li.active > a, .navbar .nav > li.active > a:hover {
   background: none;
   border: none;
   box-shadow: none;
}