text 基于网格的Bootstrap媒体查询

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了text 基于网格的Bootstrap媒体查询相关的知识,希望对你有一定的参考价值。

/*--------------------------------------------------------------
 *                    RESPONSIVE MEDIA QUERIES
--------------------------------------------------------------*/



/* Extra small devices (portrait phones, less than 576px)
*/

/* Bootsrap 4 is mobile first so there's no need for this media query */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: map-get($grid-breakpoints, sm)) {
  
}
  
  
/* Medium devices (tablets, 768px and up) */
  
@media (min-width: map-get($grid-breakpoints, md)) {
  
}
  
  
  /* Large devices (desktops, 992px and up) */
@media (min-width: map-get($grid-breakpoints, lg)) {
  
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: map-get($grid-breakpoints, xl)) {
  
}

以上是关于text 基于网格的Bootstrap媒体查询的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap

当我到达某个媒体查询时,如何将 4x3 网格转换为 3x4 网格?

echarts 媒体查询不适用于 Bootstrap(轮播)

如何隐藏/删除基于 Bootstrap 媒体查询断点的类?

根据屏幕大小/媒体查询更改 Bootstrap 列类属性

Bootstrap 3.0 媒体查询