iT邦幫忙

1

ASP.net Core 8 MVC 要怎麼套用 Bootstrap 的範例檔案?

JKer 2024-03-26 10:37:331336 瀏覽
  • 分享至 

  • xImage

Boorstrap範例程式檔的連結:https://getbootstrap.com/docs/5.1/examples/https://ithelp.ithome.com.tw/upload/images/20240326/20138132B33KeTTeI2.png
MVC專案資料夾
https://ithelp.ithome.com.tw/upload/images/20240326/20138132AFzzp72bD5.png

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

2
CCCCC
iT邦新手 3 級 ‧ 2024-03-28 09:57:58

https://ithelp.ithome.com.tw/upload/images/20240328/20136062jETni4tz7Y.png
https://ithelp.ithome.com.tw/upload/images/20240328/20136062fmvGmpRuKq.png

專案範本建立完都自動套好了

剩下的配置基本上 就是 bootstrap 共用的 component 以及大致版面的 RWD 放在 layout

0
mis2000lab
iT邦好手 1 級 ‧ 2024-04-15 09:06:35

Bootstrap不同版本都會有一些 "微調與改變"。只修改.css與.js檔是 "不一定"管用的,
很常發現效果出不來。

最穩定的方法是:
全部自己動手改一遍,不沿用Visual Studio送的範本
如果您堅持要用Visual Studio給的範本,那就不要追求Bootstrap版本一直跟上 "最新版"

以下步驟給您參考,使用Bootstrap官網上 "最新版" 的作法
1. Bootstrap官方網站下載 sample,如同您提供的圖片。
下載後會是一個壓縮檔,例如bootstrap-5.3.3-examples

2.選用您想要的特效、效果。
解壓縮以後的目錄,底下有一個 sidebars(假設我要使用這個效果、特效)
裡面的範例就是 Index.html一個純文字檔

3. 這個 html檔裡面的 .css/.js檔放到您MVC的檢視畫面(網頁)中,
當然要自己手動修改

(這時候,就不要用Visual Studio裡面的範本了,擔心會有上述的小差異)

我要發表回答

立即登入回答