卡片頁首 卡片主標題 卡片次標題 卡片內文 卡片連結 ``` 3. 基本上,卡片裡面的任何一個元件,沒用到的話都可以省略。簡單講,有需要再用即可。 4. 一個卡片內,可以有好幾個 `.card-body` ### 二、卡片的排版 1. 如果卡片之間不想要有空隙,可用`.card-group`將卡片包起來。若是有頁尾,會自動對齊,看起來很整齊。 ``` 一堆卡片 ``` 2. 若是不希望相連,則可改用`.card-deck`,如此,卡片之間會有縫隙。頁尾一樣會自動對齊。 ``` 一堆卡片 ``` 3. 上面這些都是橫式排列,亦可用直式排列,做出瀑布流的效果,只要改用`.card-columns`即可 ``` 一堆卡片 ``` ### 三、快速產生 在 Visual Studio Code 中輸入`b4-card-decks`按 Enter 可以快速產生card-deck的語法
卡片內文
一堆卡片 ``` 2. 若是不希望相連,則可改用`.card-deck`,如此,卡片之間會有縫隙。頁尾一樣會自動對齊。 ``` 一堆卡片 ``` 3. 上面這些都是橫式排列,亦可用直式排列,做出瀑布流的效果,只要改用`.card-columns`即可 ``` 一堆卡片 ``` ### 三、快速產生 在 Visual Studio Code 中輸入`b4-card-decks`按 Enter 可以快速產生card-deck的語法
一堆卡片 ``` 3. 上面這些都是橫式排列,亦可用直式排列,做出瀑布流的效果,只要改用`.card-columns`即可 ``` 一堆卡片 ``` ### 三、快速產生 在 Visual Studio Code 中輸入`b4-card-decks`按 Enter 可以快速產生card-deck的語法
一堆卡片 ``` ### 三、快速產生 在 Visual Studio Code 中輸入`b4-card-decks`按 Enter 可以快速產生card-deck的語法
進階搜尋