html - 仅将 Bootstrap 'Col' 应用于平板电脑大小的设备

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

我有一个似乎可以解决的问题。

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

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

在平板电脑大小的设备上,我制作了它(col-sm-12col-sm-12),它把右边的栏放在底部我要。

并且我已将 col-sm-4 添加到每个面板,这样它们就不会在彼此下方运行,而是在平板电脑上并排运行。

但我想知道的是,有没有办法在平板电脑尺寸不适用“col”时仅使用 col-sm-4

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

这很难解释。

底线是,如果小,则应用“col”,否则不要。

最佳答案

为了解决这个问题,我从我的控制 DIV 中删除了 col 并将尺寸添加到每个面板

关于html - 仅将 Bootstrap 'Col' 应用于平板电脑大小的设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25563941/

相关文章:

css - create-react-app 中的条件 CSS

html - 当元素包含向右浮动的子元素时,如何正确居中对齐元素?

javascript - 动态添加HTML并调用modal

javascript - 防止同一元素上队列之间的 jQuery 动画延迟

html - 如何使用 CSS 在多行 div 中用省略号截断文本?

html - CSS 伪元素 :before & :after work differently in Internet Explorer

css - 在 Typescript 中定义 CSS Position 接口(interface)的正确方法是什么?

html - bootstrap.css 的更改未部署到 Azure

html - 为什么我的边框图像在 IE11 中不起作用?

javascript - 通过javascript编辑后保存,并调整大小问题