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

bootstrap5

ppp896 2021-11-25 18:59:34 ‧ 1467 瀏覽

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 }} |

直播中

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 了～
container 的 padding 本身主要是配合 row 和 col
而且 padding 可以上背景顏色
你可以試試看把 container-sm 上色後，縮放看看，
你就會發現是否有滿版了！

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

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

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22174 篇

完賽人數

597 人

IT邦幫忙