HTML Bootstrap :網格使用問題

html bootstrap asp.net mvc

domino97540 2021-06-07 10:40:14 ‧ 994 瀏覽

如題，最近剛接觸網頁程式
在使用Bootstrap時，想做RWD讓網頁能隨視窗大小而自動排版，但單純使用class="col"沒有反應，如圖所示:
程式部分:

結果部分:

為什麼不是三個排成一行呀。。。。。
指定class="col-md-4"才能成功，結果如圖:

但這樣寫的話，當視窗變小時版面就會跑掉QQ
看網路上很多文章單純使用class="col"，都能顯示出排成一行的結果
一直不知道問題在哪，求大神解答~

開發環境:ASP.NET MVC
Bootstrap版本:5.0.1

YoChen iT邦研究生 1 級 ‧ 2021-06-07 13:33:30 檢舉

請您再確認一下您的bootstrap版本，
我記得MVC預設的是3.4.1。
如果bootstrap版本您自己有替換過，
debug的時候把瀏覽器的開發者工具(F12)打開來看看有沒有出錯，
然後點element看看有沒有綁到對應class~

domino97540 iT邦新手 5 級 ‧ 2021-06-07 16:53:23 檢舉

感謝大神提醒!!!
原來是我Bootstrap版本有更新至5.0.1，但是瀏覽器快取還是停留在3.4.1版本，
按一下ctrl+F5馬上沒問題!
謝謝幫忙~

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

IT邦幫忙