---
# System prepended metadata

title: Utility通用列別、Components元件介紹

---

# Utility通用列別、Components元件介紹


---
接下來即將進入到重頭戲，我即將介紹 Tailwind 與 Bootstrap 的設計模式探討與教學，但在那之前，想先來分享一下 Utility 通用類別、Components 元件介紹 的介紹，讓你在那之前，可以先了解兩者框架的本質差異 :D

{%youtube LKsSoCwWdHU %}


.card
.card-head
.card-body
![](https://i.imgur.com/nhoSk2T.png)


![](https://i.imgur.com/maeNwPY.png)
![](https://i.imgur.com/nnKGeKt.png)
