iT邦幫忙

2024 iThome 鐵人賽

DAY 16
0
自我挑戰組

HTML跨平台網頁設計系列 第 24

B O O T S T R A P元件

  • 分享至 

  • xImage
  •  

按鈕群組

基本群組按鈕:群組按鈕即是使用區塊為容器,設定.btn-group類別後將多個B O O T S T R A P按鈕群組起來。此時按鈕會放置在同一列,所有按鈕組合成一按鈕,但可以個別選按。

<h3></h3>
<div clas="btn-group">
<button type="button" class="btn btn-primary">HTML5</button>
<button type="button" class="btn-primary">CSS3</button></div>

將多個合取方塊check box或是單選按鈕radio合起來也能成為群組按鈕。

下拉式選單

下拉式選單可以用來切換或是選取不同狀態的連結:
1.利用區塊元素為容器在設定.dropdown類別後將按鈕或連結包含進來,成為下拉式選單。
2.下拉式選單區塊元素中的B O O T S T R A P按鈕要加入. dropdown-toggle類別,並且要加入data-bs-toggle="dropdown"的屬性。


上一篇
B O O T S T R A P的表單元素
下一篇
B O O T S T R A P元件
系列文
HTML跨平台網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言