问答详情
源自：3-1 导航及下拉菜单制作

导航栏不能横向显示？求助大神解答

 <body>
  <nav class="navbar navbar-default navbar-fixed-top navbar-inverse ">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="www.nuptfm.net">#######</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"></li>
        <li><a href="www.nuptfm.net/index">首页</a></li>
        <li><a href="www.nuptfm.net/index">#</a></li>
        <li><a href="www.nuptfm.net/index">#</a></li>
        <li><a href="www.nuptfm.net/index">####</a></li>
      </ul>
    </div><!-- /.container-fluid -->
  </nav>


提问者：WentworthPeach 2016-04-14 20:23

个回答

  • WentworthPeach
    2016-04-18 22:12:55

    问题已解决，thank you。是文件引用不对，但是如何引用Bootstrap中的一些插件，与bootstrap的版本有关系吗？我不是太懂。

    0
  • WentworthPeach
    2016-04-18 21:45:51

    引用文件吗？我用的是bootstrap官网给的基础模板：basic template

    0
  • 卡迪亚兹
    2016-04-14 22:37:28

    哪儿不能横向显示了？。。我复制了代码完全没有问题啊。是不是引用文件错了？

    <!DOCTYPE html>
<html>
<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>Hello World</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">




</head>

<body>
 <body>
  <nav class="navbar navbar-default navbar-fixed-top navbar-inverse ">
  <div>
    <!-- Brand and toggle get grouped for better mobile display -->
    <div>
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span>Toggle navigation</span>
        <span></span>
        <span></span>
        <span></span>
      </button>
      <a href="www.nuptfm.net">#######</a>
    </div>
 
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li></li>
        <li><a href="www.nuptfm.net/index">首页</a></li>
        <li><a href="www.nuptfm.net/index">#</a></li>
        <li><a href="www.nuptfm.net/index">#</a></li>
        <li><a href="www.nuptfm.net/index">####</a></li>
      </ul>
    </div><!-- /.container-fluid -->
  </nav>



<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>


    0