Html Boostrap 4.1。导航栏

最近，我在YouTube上观看了一个引导教程。 我是按照代码写的，写的完全一样，但我有一个导航栏的小问题

作者的代码显然与我记忆中的相同。当浏览器在宽屏幕上打开时，我的导航栏并没有完全响应

在全屏模式下，如果没有菜单图标，菜单图标将保持显示，并且我的导航项目不会在线显示

草本植物

引导示例








品牌/标志
在图像上使用.navbar brand类时，Bootstrap 4将自动设置图像样式以适合navbar

点击此链接

输入错误 这是因为你提供了错误的课程

将

navbar expand mb

更改为

navbar expand md

---

作为总结

    <nav class="navbar navbar-expand-xl> //navbar vertically on extra large screen
    <nav class="navbar navbar-expand-lg> //navbar vertically on large screen
    <nav class="navbar navbar-expand-md> //navbar vertically on medium screen
    <nav class="navbar navbar-expand-sm> //navbar vertically on small screen

//在大屏幕上垂直显示导航栏
//在小屏幕上垂直显示导航栏

你添加js链接了吗？是的。请不要介意我。我是第一次在这个页面上，我试图了解如何把完整的代码-。-你能告诉我如何在这个文本编辑器中输入代码。就是这样！非常感谢。下次我应该集中注意力，这种情况经常发生。所以不用担心：）

    <nav class="navbar navbar-expand-xl> //navbar vertically on extra large screen
    <nav class="navbar navbar-expand-lg> //navbar vertically on large screen
    <nav class="navbar navbar-expand-md> //navbar vertically on medium screen
    <nav class="navbar navbar-expand-sm> //navbar vertically on small screen