文章詳情頁
html5 - bootstrap中col列寬的問題
瀏覽:232日期: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. angular.js - angular內容過長展開收起效果2. docker網絡端口映射,沒有方便點的操作方法么?3. mac連接阿里云docker集群,已經卡了2天了,求問?4. 百度地圖api - Android 百度地圖 集成了定位,導航 相互的jar包有沖突?5. vim - docker中新的ubuntu12.04鏡像,運行vi提示,找不到命名.6. 為什么我ping不通我的docker容器呢???7. golang - 用IDE看docker源碼時的小問題8. html5和Flash對抗是什么情況?9. 我何時應該在Java中使用JFrame.add(component)和JFrame.getContentPane()。add(component)10. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?
排行榜

網公網安備