什么是bootstrap自適應

發布時間:03-23 作者:企業信息專家 返回企業黃頁

Bootstrap根據屏幕大小把設備分為超小屏幕,小屏幕,中等屏幕,大屏幕四種并把屏幕分為12列

對應屏幕寬度為:

  • 超小屏幕(手機):0-768px 對應設置 class=col-xs-number

  • 小屏幕(平板):768-992px 對應設置class=col-sm-number

  • 中等屏幕(電腦):992-1200px 對應設置 class=col-md-number

  • 大屏幕(電腦):1200px-? 對應設置 class=col-lg-number

在chrome瀏覽器,elements窗口中會發現當屏幕寬度小于768時,

只有com-xs-12生效。

自適應:網頁適應不同設備 ,用bootstrap框架

原理:是媒體(設備/瀏覽器)查詢 @media only screen 查詢設備的寬度

bootstrap是自適應的;自適應指的是不管屏幕有多大,都盡量不換行,只是橫向縮放,而bootstrap是通過柵欄系統實現自適應的;柵格系統通過定義容器的大小,將其分為12等份,將瀏覽器以行列形式去劃分實現自適應。


本文鏈接地址:什么是bootstrap自適應 轉載請保留說明!

上一篇:隨著二十條優化措施的落實,北京堅持科學精準、高效統籌,分區分級分類開展防控工作

下一篇:廣州市教育局:全市中小學(高三除外)下周暫不恢復線下教學

以上信息均為網絡收集(企業信用信息公示系統),如有錯誤需修改,請聯系管理員 郵箱:[email protected] https://www.89pe.com https://www.chutongyun.com
一区二区三区免费视频