iT邦幫忙

2023 iThome 鐵人賽
0
SideProject30

sideproject-簡易網站系列 第 22 篇

Day-22 Bootstrap5入門

15th鐵人賽
536 瀏覽

  • 分享至 

  • xImage
    •  

我貼我目前的網頁給我朋友問他還有沒有什麼可以加的
他推薦我用Bootstrap5
Bootstrap 是由HTML、CSS及js寫成的前端框架，核心目標是讓網站排版可以自動適應螢幕大小。
套用它預先做好一套網站的基礎建設，讓我們基礎框架上進行開發，不用擔心設定問題。

那今天就來設定一下Bootstrap
首先到官網取得Bootstrap套件
再新增到css及js資料夾中
最後在新增到html中就可以囉~
https://ithelp.ithome.com.tw/upload/images/20231017/20163238ja149Oimvc.png
https://ithelp.ithome.com.tw/upload/images/20231017/20163238fsjnIiIoFe.png


上一篇
Day-21 下拉式選單
下一篇
Day-23 大略認識CSS偽類
系列文
sideproject-簡易網站 共 30 篇
  1. 26
    Day-26 實際使用看看callback function
  2. 27
    Day-27 JS陣列
  3. 28
    Day-28 JS陣列-2
  4. 29
    Day-29 JS陣列-3
  5. 30
    Day-30 心得
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
213 組
團體組數
4 組
累計文章數
550 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙