                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /基于bootstrap的網(wǎng)頁開發(fā)

導(dǎo)航欄不能橫向顯示？求助大神解答

?<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的網(wǎng)頁開發(fā) 3-1

關(guān)注問題我要回答

2383

操作

收起

3 回答

WentworthPeach 提問者
2016-04-18

問題已解決，thank you。是文件引用不對(duì)，但是如何引用Bootstrap中的一些插件，與bootstrap的版本有關(guān)系嗎？我不是太懂。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

WentworthPeach 提問者
2016-04-18

引用文件嗎？我用的是bootstrap官網(wǎng)給的基礎(chǔ)模板：basic template

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

卡迪亞茲
2016-04-14

哪兒不能橫向顯示了？。。我復(fù)制了代碼完全沒有問題啊。是不是引用文件錯(cuò)了？

<!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"?>




</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="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答