0

使用Bootstrap 4 版型製作出一個簡易部落格

在這裡示範一個用Bootstrap 4只用Bootstrap既有的元件和簡單css，就可以做出一個既精美又簡單的部落格。

結構規劃如下：

  • Navbar導覽列：首頁Logo。
  • Breadcrumb麵包穴：瀏覽該網頁的路徑。
  • 文章內容article。
  • Bootstrap 4最新元件card：製作留言區塊，此部分包含5個，有「已留言」人物頭像、「已留言」內容、「欲發表」人物頭像、「欲發表」文字textarea、「欲發表」發送文字內容按鈕，因此上述5者建置在Media的div object，其中以html form 設計「欲發表」文字textarea、「欲發表」發送文字內容按鈕。
  • Footer Copyright著作權。
  • 右上側欄Badge：關鍵字標籤。
詳細請看純手繪的雛型圖😊~


如果覺得不清楚，可以參考我做的範例👈。

chiang

正在精進前後端網頁技術的小猴子，喜好開放原始碼軟體與Linux作業系統，把玩各種指令與程式碼一整天都可以不亦樂乎，歡迎交流喔^_^