Mobile 如何在Bootstrap3中强制xs布局

我正在用Bootstrap3做一个小的web项目。 正如大多数文档中所建议的那样，我将其放在顶部：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

它在桌面上运行良好，但在我的智能手机上布局似乎很小（Galaxy Note）。由于此web应用程序主要用于智能手机，我想通过在html的开头部分添加以下内容来强制使用小屏幕：

<meta name="viewport" content="width=320">

它不工作，我有相同的布局，屏幕分辨率大于768px

我想实现的是引导在xs布局中以小屏幕尺寸运行，独立于屏幕分辨率

谢谢

更新： 这是小提琴：

我的手机的显示指标是：密度=2.0 Dpi=320高度像素=800 缩放密度=2.0宽度像素=1280

编辑： 这里有两个截图。（我稍后会拉小提琴）第一个是从电话，第二个是从桌面。桌面截屏是我想在智能手机上得到的，即使它的分辨率与桌面相当。

桌面：

更新2： 我添加了这个meta标记，但它没有改变Android默认浏览器或Chrome mobile上的任何内容：

<meta name="MobileOptimized" content="320">

---

您试图实现的是覆盖引导的基本前提。引导使用以下缩放类

lg-用于超大显示器 md-适用于标准尺寸的显示器，如台式机和笔记本电脑 sm-适用于平板电脑设备和屏幕在7-11英寸范围内的设备 xs-适用于具有如此小屏幕的移动电话和设备

---

Bootstrap的要点是创建一个网站样式，它将根据屏幕大小自动调整自己。您可以使用md缩放类，如果使用较小的设备，则元素将折叠并堆叠在彼此的顶部。

您所说的小是什么意思？请创建一个提琴并编辑您的问题以包含它。如果你在html中使用了正确的网格类，那么，根据你想做的事情，你的站点是响应性的，因此它被堆叠在移动设备上，列的宽度更大。感谢你对我的问题的兴趣。我添加了一个小提琴链接。你是对的，我在引导的早期就问过这个问题，后来我发现了我的错误/误解。