Bootstrap 4 небольших устройства, максимальная ширина: 480 пикселей не работает - PullRequest
Новая
       4

Bootstrap 4 небольших устройства, максимальная ширина: 480 пикселей не работает

0 голосов
/ 01 апреля 2020

У меня проблема с медиа-запросами boostrap 4.

/ * ============ BOOTSTRAP BREAK POINTS:

Очень маленькие (xs) устройства (портретные телефоны, менее 576 пикселей) Нет медиазапроса, так как это значение по умолчанию в Bootstrap "

Я бы хотел уменьшить размер navbarbrand, потому что он слишком большой для небольших устройств, и он не работает, потому что это по умолчанию в bootstrap 4, как это исправить (я не знаю, где я могу изменить параметры по умолчанию для небольших устройств в boostrap 4)? 

    @media (max-width:479px) {
.navbar-brand {
         font-size: 14px;
     }
}

Я бы хотел сжать это "dot construction ltd", чтобы оно соответствовало меню гамбургеров рядом с этим lo go.
Снимок экрана с небольшого устройства

edit : Я даже не могу изменить размер текста внутри контейнера или нижнего колонтитула. Что не так с маленькими устройствами? Все работает на панели инструментов устройства, когда я уменьшаю веб-сайт до 480x800 и c. <--- <a href="https://imgur.com/yFA9iTE" rel="nofollow noreferrer">https://imgur.com/yFA9iTE 

<!--- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
        <a class="navbar-brand" href="#"><font color="#FF6F61">D</font>ot <font color="#FF6F61">C</font>onstruction <font color="#FF6F61">L</font>td</a>

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
        <span class="navbar-toggler-icon"></span>
    </button>
...