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

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

来源：3-1 导航及下拉菜单制作

WentworthPeach

2016-04-14 20:23

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

写回答关注

4回答

慕移动9181930

2022-03-30 07:10:03

俺是想知道没有出现乱码的原因。。。前面的操作跟老湿的一样，按理我也应该出现乱码才对
d h x x u b i b a c t d i r o s t m w m p k l i e c c i n o t y c m z o r c m w g o o s j r v k l h l s q k h p m h x p c u r i o w q d r w x u t h x n u j j h s j c f a t y u p r t q u g f v z a

0 0
WentworthPeach

2016-04-18 22:12:55

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

0 0
WentworthPeach

2016-04-18 21:45:51

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

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

基于bootstrap的网页开发

Bootstrap框架的基础教程，学会用Bootstrap前端框架搭建网页

187681 学习 · 734 问题

查看课程

相似问题

导航栏下拉后轮播图在导航栏上面，不能向下滚动

回答 1

为什么我的导航栏显示不出来呢

回答 1

跪求大神帮助

回答 2

设置完导航栏“简述”的定位，导航栏会挡住一部分，怎样让他全部显示出来

回答 2

导航栏高度修改

回答 2

打开慕课网App查看更多内容