Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导div resize类_Html_Twitter Bootstrap_Responsive Design - Fatal编程技术网

Html 引导div resize类

Html 引导div resize类,html,twitter-bootstrap,responsive-design,Html,Twitter Bootstrap,Responsive Design,我有: <div class="col-md-2 col-sm-4 col-xs-12 postaviborder"> 当最小宽度为992px且最大宽度为1199px时,我需要div具有类col-sm-4。 缩小尺寸后,需要继续调整xs-12的大小 我希望有人能理解我。 这可能吗?我建议检查bootstap网格系统- 如果我正确理解您的意思,您可以使用以下内容: 1) 对于大屏幕(大型设备和台式机(≥1200px)-您可以使用col-lg-4=>元素宽度为100%的1/3 2)

我有:

<div class="col-md-2 col-sm-4 col-xs-12 postaviborder">

最小宽度为992px且最大宽度为1199px时,我需要div具有类col-sm-4。 缩小尺寸后,需要继续调整xs-12的大小

我希望有人能理解我。
这可能吗?

我建议检查bootstap网格系统-

如果我正确理解您的意思,您可以使用以下内容:

1) 对于大屏幕(大型设备和台式机(≥1200px)-您可以使用col-lg-4=>元素宽度为100%的1/3

2) 对于较小的尺寸-您可以使用col-xs-12=>元素宽度将为100%


您还可以覆盖网格媒体查询(@screen sm min、@screen md min、@screen lg min)

足够了,请深入检查css类。不够。调整大小必须是col-md-2,然后是col-sm-4,最后是col-xs-12。问题是当分辨率为992px-1199px时,我仍然有col-md-2,但我需要col-sm-4。@AleksandarStojanovic您想在屏幕变小时减小div的大小吗?