                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /基于bootstrap的网页开发

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

 <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

源自：基于bootstrap的网页开发 3-1

关注问题我要回答

2311

操作

收起

4 回答

WentworthPeach 提问者
2016-04-18

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

0 回复有任何疑惑可以回复我~

收起回答

WentworthPeach 提问者
2016-04-18

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

0 回复有任何疑惑可以回复我~

收起回答

卡迪亚兹
2016-04-14

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

<!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 回复有任何疑惑可以回复我~

收起回答