为了账号安全,请及时绑定邮箱和手机立即绑定

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

 <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>


正在回答

代码语言

3 回答

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

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

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

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

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

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

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信