常用的Bootstrap Component

Alerts:提示組件
Alerts:可關閉的提示
-
Badges:標籤組件
-
Breadcrumb:導航路徑(麵包屑,顯示目前所在頁面與整體網站的關係位置)
-
Buttons:按鈕組件
Button group:按鈕群組
-
Card:卡片
Card:卡片群組與佈局
-
Carousel:旋轉木馬(網頁Slide滑動圖片顯示)
Carousel:旋轉木馬的控制元素
Carousel:調整旋轉木馬的顯示
Carousel:配置選項、方法與事件
-
Collapse:切換內容的可見性(可摺疊顯示/隱藏的元件)
Collapse:手風琴
-
Dropdown:下拉菜單
Dropdown:分離式下拉菜單
Dropdown:下拉菜單的變化
Dropdown:方法與事件
-
Jumbotron:大屏幕(常用於Landing Page的首頁大圖)
-
List group:列表群組
List group:切換顯示的標籤內容
List group:方法與事件
-
Modal:對話框(彈出式對話框)
Modal:對話框的選項,方法與事件(彈出式對話框)
-
Nav:導航
Navbar:導航欄
Navbar:響應式的導航欄
Navbar:導航欄的位置
-
Pagination:分頁器(選擇第幾頁....)
-
Popovers:提示信息(點擊彈出式對話框)
-
Progress:進度條
-
Scrollspy:滾動間諜(網頁捲動到不同的#id時,快速顯示#id的名稱)
-
Tooltips:工具提示

Written by

Machine Learning / Deep Learning / Python / Flutter cakeresume.com/yanwei-liu

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store