Question

  <!DOCTYPE html>
  <html lang="en">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>#</title>

     <!-- Bootstrap -->
   <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
   <link href="css/dancepartner.css" rel="stylesheet" type="text/css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
   <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->
</head>
<body>
<header class="container-fluid">
  <nav class="navbar" role="navigation">
     <div class="row">  
       <img class="col-m-3 logo" src="images/logo.png" alt= "Dance Partner.com" >
       <ul class="inline col-m-9">
        <li> <a href="#">Home</a></li>
        <li> <a href="#">About</a></li>
        <li> <a href="signup.php">Join Now</a></li>
          <form class="form-inline" method="post" role="form" action="signin.php">
            <div class="form-group" "login-box">
               <label class=""> Username: </label>
                 <input type="text" name="username" id="username" placeholder="Enter Email">
               <label class=""> Password: </label> 
                 <input type="text" name="password" id="password" placeholder="Enter Password">
               <input type="submit" value="Sign In "></li>
             </div>
           </form>  
         </ul>
       </div> 
     </nav> 
    </header>
  </body>
</html>

所以有我的代码，我正在运行最新的完整版bootstrap。徽标img是唯一位于正确位置的东西，但是home / about / join now链接位于徽标正下方，用户登录正下方。请帮忙，因为我先到处看看。

Bootstrap导航栏不是内联的（抱歉我正在学习）

0 个答案: