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

Question

我在boostrap 4媒体查询时遇到问题。

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

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

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

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

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

Answer 1

实际上，您的代码有效。只需将其放在bootstrap.css之后，并用其他方式更改14px或给我们一些codepen示例即可使用。