小型设备 css 在 twitter 引导程序中无法按预期工作答案

【问题标题】：Small device css are not working as expected in twitter bootstrap小型设备 css 在 twitter 引导程序中无法按预期工作
【发布时间】：2013-12-31 09:39:15
【问题描述】：

我尝试在桌面和小型设备（平板电脑）中连续显示三张照片，其中包含一个全页宽度的容器（#field）。但是我没有得到三列，而是我只能看到一列用于平板电脑。

但对于桌面，我可以看到应用 col-sm-* 类的三列相同的东西，它不起作用。

这里有什么问题。我正在寻找右侧和左侧的三列和 25% 的间隙，所以我在左侧使用了两列偏移。然后在 8 列中，我将其分成 12 个整体，每个 4 个，因此将出现三列。但这不会发生在平板电脑中。

这里是fiddle

在 768px 到 991px 之间我相信我应该能够看到三列，根据 sm Document 这在我的情况下不会发生。

为什么 col-sm-* 没有影响？谢谢

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

您应该将col-xs-4 添加到您的 div 中，以便在小型设备中查看三列。

Working Demo

HTML

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

【讨论】：

因为它们都是 4 的，你可以删除 sm 和 md 的
谢谢。我不是在寻找手机。我正在寻找平板电脑中的三列 sm
在平板电脑中查看页面而不是 jsfiddle 它应该可以工作
移动端如何合一？。移动端可以一栏吗？
谢谢同样，我用 Firefox 工具在响应式设计视图中查看了我的。但我看不到平板电脑尺寸的三列。我的代码好吗？ @user1281385