iT邦幫忙

0

bootstrap5 container在電腦版沒滿版,但手機版要滿版怎麼做???

  • 分享至 

  • xImage

bootstrap5 container語法問題???

電腦版container手機版container-fluid滿版要怎麼做??

div class="container">
div class="row">
div class="col-lg-4 ">

謝謝...
還是一開始電腦版使用container-fluid加padding行動版SM取消padding????

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

1 個回答

1
Mao
iT邦研究生 5 級 ‧ 2021-11-26 13:44:36
最佳解答

container-sm or container-md
後面 sm 與 md 代表斷點

這裡引用六角學院翻譯的 BootStrap 5 文件

ppp896 iT邦新手 4 級 ‧ 2021-11-27 17:28:23 檢舉

電腦版container手機版container-fluid滿版要怎麼做??
container-sm也是沒滿版有padding,我想應該要自己寫CSS,無法靠bootstrap5內置語法....手機版無法滿版

Mao iT邦研究生 5 級 ‧ 2021-11-28 13:38:57 檢舉

你可能誤會了container 了~
containerpadding 本身主要是配合 rowcol
而且 padding 可以上背景顏色
你可以試試看把 container-sm 上色後,縮放看看,
你就會發現是否有滿版了!

ppp896 iT邦新手 4 級 ‧ 2021-11-29 20:03:03 檢舉

感恩....太謝謝您了...

我要發表回答

立即登入回答