css 缩小视口时的引导导航栏背景[关闭]

7gyucuyw  于 2022-12-30  发布在  其他
关注(0)|答案(1)|浏览(174)

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
2天前关闭。
Improve this question
我试图重建的图形设计组合从旧的WordPress主页到一个不错的,响应网站,并学习一些有用的东西。我用Dreamweaver与Bootstrap 4.4.1.
我设法让我的菜单居中,改变了下拉菜单的背景颜色,改变了菜单项和下拉菜单中的字体颜色。
这就是问题所在。
当我挤压页面时,它是有响应的,但它达到了导航的背景颜色恢复为白色的点。
我怎样才能保持黑色背景,即使 windows 变窄了?我怎样才能有一个小下拉菜单(当你点击汉堡切换)也是黑色的?
一旦我弄清楚了这一点,我想我可以根据需要复制这一页,重新创建我的投资组合。
我将附加一个链接,我的根文件夹在我的G驱动器的副本.
我的根文件夹副本:
https://drive.google.com/drive/folders/178XinSfbkYubQ5zqT-5D_bfoTPaTx249?usp=share_link
一张挤压版的屏幕截图,里面有看不见的汉堡。
https://drive.google.com/drive/folders/178XinSfbkYubQ5zqT-5D_bfoTPaTx249?usp=share_link
我曾希望背景将是一致的,通过窗口大小。

rur96b6h

rur96b6h1#

这是因为lg断点。
navbar-expand-lg等于在Bootstrap语言中说:* “导航栏,在小于992 px的屏幕上消失!"*
您可以通过将**navbar-expand-**设置为以下断点之一来选择何时显示或隐藏汉堡菜单:xs:0;sm:576像素;中分辨率:768像素;长度:992像素;xl:1200像素;
为了在小型设备上保持导航栏的黑色背景并使汉堡菜单可见,请打开index.html文件并将<nav class="navbar navbar-expand-lg navbar- bg-black">替换为<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: rgb(0, 0, 0);">

相关问题