小编ros*_*an 的帖子

导航栏无法通过 bootstrap5 在移动设备上扩展

我正在使用 Bootstrap 5 创建一个网站,但我的导航栏不起作用。\n当我在移动设备上时,它不会展开。

\n

\r\n
\r\n
@import url(\'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\');\n/*\n#FF3633 - Vermelho\n\n*/\n*{\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: \'Poppins\', sans-serif;\n}\n/* estilo - header */\n.navbar {\n    background-color: #131313;\n    padding: 1rem 8rem;\n    z-index: 1000;\n\n}\n\n.navbar .navbar-brand {\n\n    font-size: 1.4rem;\n    font-weight: 800;\n}\n\n#navbarSupportedContent > ul > li:nth-child(n) > a {\n  color: #fff;\n  font-size: 1.1rem;\n  padding: 0 0.8rem;\n}\n\n#navbarSupportedContent > ul > li:nth-child(n) > a:hover {\n    color: #FF3633;\n}\n\n#navbarSupportedContent button {\n    background-color: #FF3633;\n    font-weight: 600;\n    padding: 0.4rem 1.4rem;\n    border-radius: 30px;\n    outline: none;\n}\n\n#navbarSupportedContent button:hover {\n    background-color: #CC3036;\n}
Run Code Online (Sandbox Code Playgroud)\r\n
<header>\n<nav …
Run Code Online (Sandbox Code Playgroud)

html css navbar twitter-bootstrap bootstrap-5

5
推荐指数
1
解决办法
6555
查看次数

标签 统计

bootstrap-5 ×1

css ×1

html ×1

navbar ×1

twitter-bootstrap ×1