Bootstrap div调整大小类

时间:2015-02-13 16:49:37

标签: html twitter-bootstrap responsive-design

我有div:

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

min-width为992px 且max-width为1199px 时,我需要div具有类 col-sm-4 。 尺寸较小后,调整大小需要继续 xs-12

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

1 个答案:

答案 0 :(得分:0)

我建议检查bootstap网格系统 - http://getbootstrap.com/css/#grid

如果我对你不利,你可以使用以下内容:

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

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

您也可以覆盖网格媒体查询(@ screen-sm-min,@ screen-md-min,@ screen-lg-min) - http://getbootstrap.com/css/#grid-media-queries