亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

怎樣將導航條中的部分導航右置

我的代碼是這樣的:

<nav class="navbar navbar-default" role="navigation">
?? <div class="container">
??? <div class="navbar-header">
?? ? <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
?? ? <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="#">現代瀏覽器博物館</a>???

??? </div>
?? ?<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
?? ? <ul class="nav navbar-nav" style="font-size:25px;">
?? ?? <li? id="one" class="active"><a href="#">Link</a></li>
?? ?? <li id="two"><a href="#">Link</a></li>
?? ?? <li class="dropdown">
?? ??? <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<span class="caret"></span></a>
?? ??? <ul class="dropdown-menu" role="menu">
?? ???? <li><a href="#" >Action</a></li>
?? ??? ?<li><a href="#">Action</a></li>
?? ??? ?<li class="divider"></li>
?? ??? ?<li><a href="#">Action</a></li>
?? ??? </ul>
?? ?? </li>
?? ? </ul>
?? ?
?? ?</div>
?? </div>
? </nav>

打開的效果如下:

http://img1.sycdn.imooc.com//58f0ca050001c64813620460.jpg

現在我想如下圖將部分導航右置,比如將Dropdown右置,應該怎么修改代碼呢?

http://img1.sycdn.imooc.com//58f0c1c0000118bd13500460.jpg

正在回答

1 回答

將dropdown單獨列出,用navbar-right屬性

<ul class="nav navbar-nav navbar-right">

0 回復 有任何疑惑可以回復我~
#1

富百世 提問者

提問好幾天了,終于有人回答了。非常感謝!
2017-04-17 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
基于bootstrap的網頁開發
  • 參與學習       187652    人
  • 解答問題       760    個

Bootstrap框架的基礎教程,學會用Bootstrap前端框架搭建網頁

進入課程

怎樣將導航條中的部分導航右置

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號