文章詳情頁
html5 - bootstrap中col列寬的問題
瀏覽:235日期:2022-11-09 11:02:08
問題描述
請問一下,bootstrap中有這幾種情況來設置自適應的布局col-md- ,col-sm- ,col-lg-*,
然后我的問題是,雖然理解他們的意思,但是在寫class=col-等等這些的時候,難道這幾種情況都要寫上么? 如果不需要四種都寫,那么我該怎么恰到好處的選擇md,sm,lg這其中的一種。。。
求大神經驗之談。
問題解答
回答1:
col-xs適配超小屏幕,一般指手機;col-sm適配平板;col-md適配臺式機或者筆記本;col-lg適配高分屏臺式機筆記本或者寬屏,但是一般不用。
另外注意,并不一定要全寫上,col-xs-6,表示在小屏手機或者比小屏手機大的設備,都只占一半,所以不需要額外去寫col-sm-6、col-md-6和col-lg-6。大的分列布局會在相應的情況下覆蓋小的分列布局設置,小的分列布局是大的分列布局的默認值。比如col-xs-6 col-md-12就是指在手機和平板上占一半,在電腦(無論普通還是高分屏)上都占滿12列。
標簽:
Html5
相關文章:
1. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?2. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!3. docker-compose中volumes的問題4. docker不顯示端口映射呢?5. golang - 用IDE看docker源碼時的小問題6. docker內創建jenkins訪問另一個容器下的服務器問題7. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””8. javascript - 最近用echarts做統計圖時遇到兩個問題!!9. javascript - 連續點擊觸發mouseleave事件10. mac里的docker如何命令行開啟呢?
排行榜

網公網安備