小型設備的基本樣式為小和最多* /

。英雄的文本字體大小：22px {；}

大和最多* / *

“媒體只有屏幕（最小寬度：768px）{

。英雄的文本字體大小：48px {；}

}

流行的框架引導，基礎和Telerik radpagelayout使媒體查詢廣泛使用創建功能強大的網格系統。

網格和斷點

在你的代碼中使用媒體查詢，你可以構建流體設備動態調整多少訪客看到你的內容的基礎上，他們的設備和瀏覽器的寬度響應網格樣式。

語法可能會有不同的框架，但一般的概念是相同的。每個設備大小都有相應的媒體查詢和樣式屬性，該屬性創建所需的布局效果。這些媒體查詢被稱為“斷點”。引導標識其突破點為XS（超小），SM（小），醫學博士（醫學），LG（大）。這些指的是設備的尺寸。

下面是一些引導的例子，以及它們在不同大小的設備上可能會呈現什么樣的渲染：

 

＜div class=“col-sm-12 col-md-6 col-lg-4”> <！——一些導航

< / DIV >

＜div class=“col-sm-12 col-md-6 col-lg-8”>

<！——有些內容———

< / DIV >

左上角是小器械和小藥片，右上角是中等大小的設備。較低的是較大的設備和臺式機。

Telerik響應式網頁設計的網格實例

另一個共同的概念是基本內容容器。容器元素是布局的最外層元素。智能交通系統