bootstrap 關(guān)于list-group的使用
在pc中顯示的是list-group,隨著屏幕的變小,在手機(jī)中該list-group就縮小變成一個(gè)button,點(diǎn)擊的時(shí)候出現(xiàn)list 請(qǐng)問(wèn)該怎么實(shí)現(xiàn)
在pc中顯示的是list-group,隨著屏幕的變小,在手機(jī)中該list-group就縮小變成一個(gè)button,點(diǎn)擊的時(shí)候出現(xiàn)list 請(qǐng)問(wèn)該怎么實(shí)現(xiàn)
2015-03-26
舉報(bào)
2015-12-15
這個(gè)是navbar,不要用list-group寫(xiě)。navbar有固定的寫(xiě)法:
?<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>