Изменение размера Bootstrap NavBar

Question

Я создаю сайт с использованием Bootstrap и хочу изменить размер высоты Navbar, когда экран браузера имеет минимальную ширину: 268, для этого я использую медиа-запрос, но по какой-то причине медиа-запрос изменяет высоту от Navbar до того, как экран был сделан меньше, может кто-то помочь, код ниже.

 .navbar-inverse { 
    background-color: #fff; 
    border-color: transparent; 
    height: 105px; 
    } 


    @media only screen and (min-width: 268px) { 
    .navbar-inverse { 
    background-color: #fff; 
    border-color: transparent; 
    height: 50px; 
    } 
    } 

Answer 1

Если вы хотите, этот стиль применять, когда ширина меньше, чем 286px, используйте max-width. Попробуйте следующее:

@media only screen and (max-width: 268px) { 
    .navbar-inverse { 
    background-color: #fff; 
    border-color: transparent; 
    height: 50px; 
    } 
}