Question

所以我在页面顶部添加了一个bootstrap导航栏，并希望在其下添加某种轮播图片。由于某种原因，我无法在导航栏下显示任何内容！我知道这似乎很基本，但不幸的是我需要另外一双眼睛。感谢

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/styles.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
      </button>

      <a class="navbar-brand" href="#" class="pull-left"><img src="img/small.png" alt="" />
</a>
    </div>
    <div>
      <div class="collapse navbar-collapse" id="myNavbar">
        <ul class="nav navbar-nav">
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu<span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#section41">Full Menu & Taps</a></li>
              <li><a href="#section42">Happy Hour</a></li>
            </ul>
          </li>
          <li><a href="Upcoming">watch!</a></li>
          <li><a href="location.html">Location</a></li>
          <li><a href="#section3">About </a></li>
        </ul>
      </div>
    </div>
  </div>
</nav>
</head>
<body>

</body>
</html><!-- Latest compiled and minified CSS -->

Answer 1

它下面是固定的给定元素<body> <select name="language" id="lang"> <option value = "english">English</option> <option value = "tagalog">Tagalog</option> </select> </br> <select name="year" id="year"> <option value="2010">2010</option> <option value="2011">2011</option> </select> <input type="button" onclick="nav()" value="submit"> <script> function nav(){ var url = 'index.php?'; var ids = ['lang', 'year']; var input; for (var i = 0; i < ids.length; i++) { input = document.getElementById(ids[i]); url += encodeURIComponent(input.name) + '=' + encodeURIComponent(input.value) + '&'; }; url += 'randomNumber=' + 1932932; // generate a number here document.location = url; } </script> </body>

尽可能多地提供导航。

我想你会看到它。

你的身体标签是空的我觉得它应该在身体标签上，你可以把它放在margin-top: 60px;标签而不是<header>我认为。与<head>

一样

bootstrap navbar隐藏文本/图片

1 个答案: