html - 导航栏在 BootStrap 中的格式不正确

标签 html css bootstrap-4

我在我的 html 中使用了一些 BootStrap,但由于某些原因,当我调整大小时或使其全屏显示时,我的名字没有与其他元素对齐。我正在使用 nav 导航栏。这是使用 nav navbar 的基本示例,所以这应该不是什么大问题,但我无法在我的代码中查找错误。

下面的代码

    <!DOCTYPE html>
    <html>
    <head>
        <title> BootStrap NavBar</title>

        <link rel="stylesheet" type="text/css" href="bootstrap.css">

    </head>
    <body>

    <nav class = "navbar navbar-default"> 
        <div class = "container">
     <div class = "navbar-header"
        <a href="#" class = "navbar-brand" > Mohamed</a>
    </div>

    <ul class = "nav navbar-nav"> 
    <li><a href="#"> About </a></li>
    <li><a href="#"> Contacts </a></li>

    </ul>


    <ul class = "nav navbar-nav navbar-right">
        <li> <a href="#"> Sign Up</a></li>
        <li> <a href="#"> Login </a></li>
    </ul>
    </div>
    </nav> 





    </body>
    </html>

最佳答案

您在下面的行中错过了结束标记字符

<div class = "navbar-header"> 

关于html - 导航栏在 BootStrap 中的格式不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49522125/

相关文章:

css - HTML/CSS : How to avoid inheriting styles from parent class (using react-select with bootstrap)

php - bootstrap-4 表单在提交后删除验证

javascript - 取消选择选择输入

javascript - 当输入聚焦时,悬停菜单不会消失

html - IE6 最小宽度问题

html - 2 个 <sections> 之间的透明箭头

javascript - PhoneGap : JQueryMobile updating image src not showing on device

javascript - 将 div 保持在浏览器窗口最右侧的问题,同时浏览器尺寸在动画效果后发生变化

jquery - Bootstrap 3.2 导航栏在滚动时变大

html - 当我向下滚动 Bootstrap 4 时,搜索栏出现在导航栏上