«

bootstramp修改高度

emer 发布于 2017-11-14 11:40   2551 次阅读      

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <link rel="stylesheet" href="css/css/bootstrap.css">
    <script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="css/js/bootstrap.js"></script>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

           <nav class="navbar navbar-default">
                  <div class="container">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">
        <img alt="Brand" src="img/logo.png">
      </a>
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

    </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
     <ul class="nav navbar-nav navbar-right navbar1-right" >
        <li><a href="#">Link</a></li>
         <li><a href="#">Link</a></li>
         <li><a href="#">Link</a></li>
      </ul>
        </div>
  </div>
        </div>
</nav>

</body>
</html>
<style>
    .navbar-header{
    height: 130px;
}
.navbar-toggle{
    margin-top: 40px;
}
.navbar-brand{
    margin-top: 25px;
}
.navbar1-right{
    margin-top:40px;
    }
</style>