0
我创建我的导航栏，包括徽标左侧对齐和右侧菜单，这里是我的代码（HTML和CSS）：如何可以我将3个链接对齐？我明白，类nav navbar导航navbar权利应该做到这一点，但它不会，谢谢！nav navbar-nav navbar-right不会对齐到右侧，即时使用引导3
h1 {
\t text-align: center;
}
.img-thumbnail {
\t border: 0 none;
}
.navbar-custom {
color: #FFFFFF;
background-color: transparent;
border-color: transparent;
}
.navbar-toggle {
\t background-color: #000000;
}
.collapse .navbar-collapse {
\t float: right;
}<!DOCTYPE html>
<html>
\t <head>
\t \t <meta charset="utf-8">
\t \t <meta name="viewport" content="width=device-width, initial-scale=1">
\t \t <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
\t \t <link rel="stylesheet" href="css/style.css">
\t \t <title> Randomoooooooood</title>
\t </head>
\t <body>
\t \t \t
\t \t <header class="navbar navbar-inverse navbar-custom">
\t \t \t <div class="container-fluid">
\t \t \t \t \t <div class="row">
\t \t \t \t \t \t <div class="col-md-4">
\t \t \t \t \t \t \t \t <div class="header-left clearfix">
\t \t \t \t \t \t \t \t \t <div class="logo smooth-scroll">
\t \t \t \t \t \t \t \t \t <a href="#banner"> <img id="logo" src="img/randomood_log.png" class="col-xs-4 col-sm-4 col-md-4 col-lg-2∫ img-thumbnail" alt="Randomood"></a>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t <div class="navbar-header">
\t \t \t \t \t \t \t \t \t \t <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
\t \t \t \t \t \t \t \t \t \t <span class="icon-bar"></span>
\t \t \t \t \t \t \t \t \t \t <span class="icon-bar"></span>
\t \t \t \t \t \t \t \t \t \t <span class="icon-bar"></span>
\t \t \t \t \t \t \t \t \t \t </button>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t <div class="collapse navbar-collapse" id="myNavbar">
\t \t \t \t \t \t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t <ul class="nav navbar-nav navbar-right">
\t \t \t \t \t \t \t \t \t <li><a href="#">Page 1</a></li>
\t \t \t \t \t \t \t \t \t <li><a href="#">Page 2</a></li>
\t \t \t \t \t \t \t \t \t <li><a href="#">Page 3</a></li>
\t \t \t \t \t \t \t \t \t </ul>
\t \t \t \t \t \t \t \t \t \t </div> \t
\t \t \t \t \t \t </div> \t
\t \t \t \t \t </div>
\t \t \t </div>
\t \t </header>
\t \t \t \t
\t \t \t
\t <script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script> \t \t
\t </body> \t
</html>
谢谢！这工作。 –