                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /玩轉(zhuǎn)Bootstrap（基礎(chǔ)）

問題：相鄰按鈕都有下拉列表，這兩個相鄰按鈕會水平排列

問題：當(dāng)引用了垂直分布樣式之后，如果相鄰的兩個按鈕都有下拉列表，那么這兩個相鄰按鈕就水平排列在了一行；方法：這兩個相鄰按鈕必須在外面加一個容器：列名為“.btn-toolbar” ；作用：給這兩個按鈕清楚浮動；

草莓部落

2016-07-07

源自：玩轉(zhuǎn)Bootstrap（基礎(chǔ)） 5-10

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

964

操作

收起

2 回答

草莓部落提問者
2016-07-08

我是自問自答~我的代碼寫完之后并不是垂直排列~

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

收起回答

哥很溫柔
2016-07-07

沒看懂你是提問，還是自問自答。

下拉表單垂直分布是OK的，并未出現(xiàn)水平排列

<div?class="btn-group?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="##">電動機(jī)</a></li>
????	<li><a?href="##">拖拉機(jī)</a></li>
????	<li><a?href="##">電動車</a></li>
????</ul>
??</div>
??<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>
????<button?class="btn?btn-default"?type="button">案例分析</button>
??<button?class="btn?btn-default"?type="button">聯(lián)系我們</button>
</div>