<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無標(biāo)題文檔</title><link rel="stylesheet" ><link rel="stylesheet" href="style.css"></head><body><div class="btn-group-vertical">? <button class="btn btn-default" type="button">首頁</button>? <button class="btn btn-default" type="button">產(chǎn)品展示</button>? <button class="btn btn-default" type="button">案例分析</button>? <button class="btn btn-default" type="button">聯(lián)系我們</button>? <div class="btn-group">? ? ? <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">關(guān)于我們<span class="caret"></span></button>? ? <ul class="dropdown-menu">? ? <li><a href="##">公司簡介</a></li>? ? <li><a href="##">企業(yè)文化</a></li>? ? <li><a href="##">組織結(jié)構(gòu)</a></li>? ? <li><a href="##">客服服務(wù)</a></li>? ? </ul>? </div></div><div class="btn-group-vertical">? <button class="btn btn-default" type="button">首頁</button>? <div class="btn-group">? ? ? <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">產(chǎn)品展示<span class="caret"></span></button>? ? ? <ul class="dropdown-menu">? ? ? ? <li><a href="##">收割機(jī)</a></li>? ? ? ? <li><a href="##">電動(dòng)機(jī)</a></li>? ? ? ? <li><a href="##">拖拉機(jī)</a></li>? ? ? ? <li><a href="##">電動(dòng)車</a></li>? ? ? </ul>? </div>? <button class="btn btn-default" type="button">案例分析</button>? <button class="btn btn-default" type="button">聯(lián)系我們</button>? <button class="btn btn-default" type="button">關(guān)于我們</button></div>? <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>除了添加<br>外,怎么才能使兩個(gè)按鈕組上下排列而不是左右排列(如圖)使用清除浮動(dòng)也沒有效果。
第五章垂直按鈕分組問題
云淡風(fēng)輕的天空
2016-05-16 00:45:25