iT邦幫忙

0

HTML Bootstrap :網格使用問題

  • 分享至 

  • xImage

如題,最近剛接觸網頁程式
在使用Bootstrap時,想做RWD讓網頁能隨視窗大小而自動排版,但單純使用class="col"沒有反應,如圖所示:
程式部分:
https://ithelp.ithome.com.tw/upload/images/20210607/20138202y8WGJLa7bz.png
結果部分:
https://ithelp.ithome.com.tw/upload/images/20210607/20138202EUBUVcMcFA.png

為什麼不是三個排成一行呀。。。。。
指定class="col-md-4"才能成功,結果如圖:
https://ithelp.ithome.com.tw/upload/images/20210607/201382023Heqxa9DuB.png

但這樣寫的話,當視窗變小時版面就會跑掉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~
感謝大神提醒!!!
原來是我Bootstrap版本有更新至5.0.1,但是瀏覽器快取還是停留在3.4.1版本,
按一下ctrl+F5馬上沒問題!
謝謝幫忙~
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答