Question

boostrap 4媒体查询出现问题。

/ * ============自举中断点：

其他小型（xs）设备（纵向手机，小于576px）无媒体查询，因为这是Bootstrap中的默认设置”

我想减小navbarbrand的大小，因为它对于小型设备来说太大了，并且不起作用，因为它是引导程序4中的默认设置，如何解决（我不知道该在哪里更改） boostrap 4）中小型设备的默认选项？

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

我想缩小这个“ dot construction ltd”的位置，以适合该徽标旁边的汉堡菜单。
Screenshot from small device

编辑：我什至不能更改容器或页脚文本内的文本大小。小型设备怎么了？当我将网站缩小为480x800等时，一切都将在toogle设备工具栏上起作用。<--- 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>

Bootstrap 4小型设备的最大宽度：480像素不起作用

0 个答案: