iT邦幫忙

2024 iThome 鐵人賽

DAY 27
0
佛心分享-IT 人自學之術

新手踏入網頁前端的世界系列 第 27

Day27 Bootstrap template簡介

  • 分享至 

  • xImage
  •  

什麼是Bootstrap template?

Bootstrap template是使用Bootstrap套件進行修改版型後,提供分享給其他人使用其樣板,但是只具備架構不包含內容。

如何使用Bootstrap template?

  1. 在Google搜尋bootstrap template或bootstrap theme。
  2. 找到合適的樣板並下載使用即可。

修改Bootstrap template

  1. 下載template並解壓縮後,會看到檔案內容為index.htm、CSS檔案、JavaScript目錄。
  2. 開啟index.htm程式碼,就可以開始修改導覽列、網頁呈現內容。
  3. 嵌入新增內容,例如:利用<iframe>把其他網站的內容嵌入到網頁中。

Bootstrap template使用上的注意事項

  • 只提供骨幹架構,裡面內容要自己設計。
  • 若要更改Bootstrap template風格,建議要先看原作者的設計和文件說明。
  • 若在同一網頁上使用兩種以上的Bootstrap template風格,需要特別注意嵌入所需的檔案,因為如果有重複宣 告的CSS屬性,會以最後宣告的屬性為主,造成有些樣式無法顯示。

上一篇
Day 26 Boostrap 表格&導覽列
下一篇
Day28 JQuery簡介
系列文
新手踏入網頁前端的世界30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言