只应用Bootstrap n#39; Col'到平板电脑尺寸设备

时间:2014-08-29 07:56:01

标签: html css twitter-bootstrap twitter-bootstrap-3

我有一个问题,我似乎可以掌握。

在我的网站上,我有2' Cols' (col-md-9col-md-3)然后在网上将它们并排放置(这很好)。

右侧(col-md-3)包含3个面板,它们在彼此之下运行。

在平板电脑尺寸设备上,我已将其设为col-sm-12col-sm-12),将右侧列放在我想要的底部。

我已经为每个面板添加了col-sm-4,因此它们不是在彼此之下运行,而是在平板电脑上并排运行。

但我想知道的是,有没有办法只使用平板电脑尺寸时才使用col-sm-4,否则不适用'?'

我尝试过将col-md-12添加到面板中,但这会缩小它们并使它们看起来很奇怪。

这很难解释。

如果规模较小,则底线应用于' col'否则不要。

1 个答案:

答案 0 :(得分:0)

要解决此问题,我从控制DIV中删除了col并将大小添加到每个面板