我尝试了CSS-Framework Bootstrap，我有一个问题。
这是小提琴：http://jsfiddle.net/hzAUz/
让我们说我有一个div，里面有3个相等的div：
<div id="main" class="row">
<div id="columnleft" class="span4">LEFT</div>
<div id="MainContent" class="span4">Content</div>
<div id="columnrigh" class="span4">Right</div>
</div>
所以当你使用Bootstrap时，会发生这样的情况：只要窗口变小，Div就会堆叠在这个优先级中： 1.离开 2.内容 3.对
但将内容放在首位是有意义的。
有没有人知道在使用bootstrap-responsive.css时如何插入优先级？
非常感谢你。
KG， 乔治
答案 0 :(得分：0)
有几种方法可以做到这一点。 一个是： 从移动设备尺寸开始，设计“移动优先”。这样可以简化您的小屏幕内容，然后您可以为这些容器添加其他类以适应更大的屏幕尺寸。
另一种选择： 规划移动设备，看看你是否能够以较小的屏幕尺寸隐藏/转换元素，使其更加适合移动设备。即...你的左侧导航链接成为移动中的选择菜单;因此，只占用一行房地产。
我的偏好是使用javascript，并将左侧和顶部导航转换为移动尺寸的显示/隐藏元素（按钮）。这样，我的UI顶部只有一个徽标和按钮，内容紧随其后。
答案 1 :(得分：0)
我不相信Bootstrap 2中有一种方法，但如果您要转移到Bootstrap 3，则可以控制列排序。有关详细信息，请参阅http://getbootstrap.com/css/#grid-column-ordering。
答案 2 :(得分：0)
如果可以的话，最终升级到bootstrap 3，正如@Sean建议的那样，但如果你现在不能，那么这些答案中的一些可能有所帮助：
In Twitter Bootstrap 2, how can I get right columns to move to the top when shrinking the screen?