Question

我在我的html中使用了一些BootStrap但是出于某种原因，当我调整大小或全屏时，我的名字没有与其他元素对齐。我正在使用nav navbar。这是使用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>

Answer 1

您错过了以下行中的标签字符

<div class = "navbar-header">

Navbar在BootStrap中无法正确格式化

1 个答案: