Problem: I need a navbar with HEIGHT GREATER.
I changed the css
.navbar {
min-height: 80px;
vertical-align: middle;
}
.navbar-collapse .collapse .in {
padding-top:80px;
}
In your HTML place your navbar inside a class called .header for example. Within this class work the size of it in your given media queries. Your logo you can put it with the img-responsive class and work the size of it in each media queries tb.
ex: normal (desktop) .header { height: 200px } Cellular Media: .header {height: 100px}