我怎样才能为不同的PC管理不同的视图？

Question

默认显示如下：

对于大型设备（桌面＆gt; = 1200px）：

+------------------+------------------+------------------+
|                  |                  |                  |
+------------------+------------------+------------------+

对于中型设备（桌面＆gt; = 992px）：

+----------------------+-----------------------+
|                      |                       |
+----------------------+-----------------------+

对于小型设备（表＆gt; = 786px）：

+----------------------------+
|                            |
+----------------------------+

---

但我需要这样：

对于大型设备（桌面＆gt; = 1200px）：

+------------------+------------------+------------------+
|                  |                  |                  |
+------------------+------------------+------------------+

对于中型设备（桌面＆gt; = 992px）：

+---------------------------+----------------------------+
|                           |                            |
+---------------------------+----------------------------+

对于小型设备（表＆gt; = 786px）：

+--------------------------------------------------------+
|                                                        |
+--------------------------------------------------------+

---

<article class="row-fluid">
  <section class="span4"></section>
  <section class="span4"></section>
  <section class="span4"></section>
</article>

Answer 1

如果你正在使用Bootstrap，我想你正在使用v2.3.2。升级到v3.0。它已经做到了。

Bootstrap 2.3.2使用span#，而Bootstrap 3.0使用col-xx-#，其中xx确定它应如何在不同设备上显示。以下是Bootstrap 3文档的简要介绍：

另外，请查看Bootstrap 3的官方documentation。