首先看看這個(gè)代碼：

<div class='btn-group'><button type='button' class='btn'>計(jì)算機(jī)</button><button type='button' class='btn'>網(wǎng)絡(luò)</button><button type='button' class='btn'>桌面項(xiàng)目</button> </div>

將功能相近的按鈕分成一組，bootstrap 為我們?cè)O(shè)定了該組的樣式

如圖：

還可以進(jìn)行更加復(fù)雜的分組

<div class='btn-toolbar'><div class='btn-group'><button type='button' class='btn'>計(jì)算機(jī)</button><button type='button' class='btn'>網(wǎng)絡(luò)</button><button type='button' class='btn'>桌面項(xiàng)目</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>

如圖：

使用這種方法可以為網(wǎng)站創(chuàng)建復(fù)雜的工具欄

轉(zhuǎn)載于:https://www.cnblogs.com/Zell-Dinch/p/3887735.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。