首先看看這個代碼：

<div class='btn-group'><button type='button' class='btn'>計算機</button><button type='button' class='btn'>網絡</button><button type='button' class='btn'>桌面項目</button> </div>

將功能相近的按鈕分成一組，bootstrap 為我們設定了該組的樣式

如圖：

還可以進行更加復雜的分組

<div class='btn-toolbar'><div class='btn-group'><button type='button' class='btn'>計算機</button><button type='button' class='btn'>網絡</button><button type='button' class='btn'>桌面項目</button></div><div class='btn-group'><button type='button' class='btn'>按鈕一</button><button type='button' class='btn'>按鈕二</button><button type='button' class='btn'>按鈕三</button></div> </div>

如圖：

使用這種方法可以為網站創建復雜的工具欄

轉載于:https://www.cnblogs.com/Zell-Dinch/p/3887735.html

總結

以上是生活随笔為你收集整理的Bootstrap页面布局14 - BS按钮群组的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。