課程
/前端開發
/Bootstrap
/基于bootstrap的網頁開發
在pc中顯示的是list-group,隨著屏幕的變小,在手機中該list-group就縮小變成一個button,點擊的時候出現list 請問該怎么實現
2015-03-26
源自:基于bootstrap的網頁開發
正在回答
這個是navbar,不要用list-group寫。navbar有固定的寫法:
?<nav class="navbar navbar-default" id="header-menu">??????? <div class="container">?????? ??? ?<div class="navbar-header">??????????????? <button type="button" data-toggle="collapse" data-target=".collapse" class="navbar-toggle">??????????????????? <span class="sr-only">slide</span>??????????????????? <span class="icon-bar"></span>??????????????????? <span class="icon-bar"></span>??????????????????? <span class="icon-bar"></span>??????????????? </button>??????????????? <a href="#" class="navbar-brand">??????????????????? <img src="images/logo.png" alt="logo" title="logo" />??????????????? </a>??????????? </div>
????????????<div class="collapse navbar-collapse">??????????????? <ul class="nav navbar-nav" role="menu" id="myMenu">??????????????????? <li><a href="#">option</a></li>??????????????????? <li><a href="#">option</a></li>??????????????????? <li><a href="#">option</a></li>??????????????????? <li><a href="#">option</a></li>??????????????? </ul>??????????? </div>
</nav>
舉報
Bootstrap框架的基礎教程,學會用Bootstrap前端框架搭建網頁
2 回答關于bootstrap上文字的問題
2 回答關于bootstrap運行問題
1 回答關于bootstrap課程中菜單定位的問題
2 回答關于bootstrap的課程就3個,請問哪里多了?
1 回答Bootstrap v3.3.5,引入的bootstrap.min.css(Bootstrap v3.1.1 )
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-12-15
這個是navbar,不要用list-group寫。navbar有固定的寫法:
?<nav class="navbar navbar-default" id="header-menu">
??????? <div class="container">
?????? ??? ?<div class="navbar-header">
??????????????? <button type="button" data-toggle="collapse" data-target=".collapse" class="navbar-toggle">
??????????????????? <span class="sr-only">slide</span>
??????????????????? <span class="icon-bar"></span>
??????????????????? <span class="icon-bar"></span>
??????????????????? <span class="icon-bar"></span>
??????????????? </button>
??????????????? <a href="#" class="navbar-brand">
??????????????????? <img src="images/logo.png" alt="logo" title="logo" />
??????????????? </a>
??????????? </div>
????????????<div class="collapse navbar-collapse">
??????????????? <ul class="nav navbar-nav" role="menu" id="myMenu">
??????????????????? <li><a href="#">option</a></li>
??????????????????? <li><a href="#">option</a></li>
??????????????????? <li><a href="#">option</a></li>
??????????????????? <li><a href="#">option</a></li>
??????????????? </ul>
??????????? </div>
</nav>