导航栏不能横向显示？求助大神解答
来源：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>
写回答
关注
3回答
-
- WentworthPeach
- 2016-04-18 22:12:55
问题已解决，thank you。是文件引用不对，但是如何引用Bootstrap中的一些插件，与bootstrap的版本有关系吗？我不是太懂。
-
- WentworthPeach
- 2016-04-18 21:45:51
引用文件吗？我用的是bootstrap官网给的基础模板：basic template
-
- 卡迪亚兹
- 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>
基于bootstrap的网页开发
Bootstrap框架的基础教程，学会用Bootstrap前端框架搭建网页
187668 学习 · 734 问题
相似问题