用bootstrap設計按鈕組

bootstrap不僅提供了很多圖標按鈕,還提供了btn類按鈕風格。按鈕組就是將幾個按鈕合成一個組件。只要用btn-group類和一些<a>或<button>標籤,就可製作按鈕組。

工具/原料

文本編輯器
瀏覽器

方法/步驟

新建一個html文檔,引入bootstrap.min.css,jquery.min.js,bootstrap.min.js等文件。

先定義按鈕,包含<div class="btn-group"></div>中,如圖所示

不只可以用button,使用p,li,span等標籤也是一樣的。

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場