Html 关于使用Twitter Bootstrap 2.0的元素顺序的移动响应问题

我用的是一个容器

两跨

标记中的第一个跨度是div.span8，第二个跨度是div.span4

现在，当我使用手机大小的浏览器查看网站时，一切都很整洁，但是span4滑到了span8的底部，这是很自然的，因为在标记中span4位于span8之后。现在，我想让它在一种方式，当浏览器的大小是移动的，斯潘4在斯潘8之前，这意味着在它上面。我该怎么做

这是我的标记：

<div id="maincontent" style="margin:0px; padding: 0px;" class="row-fluid <?php echo $main; ?> category" role="main">


<div class="span8">
    <div id="content" class="span8 mainborder"></div>
</div>

<div class="span4">
    <?php
     echo $column_right;
    ?>
</div>

CSS是TB 2.0

提前感谢

您可以这样做：

<div id="maincontent" style="margin:0px; padding: 0px;" class="row-fluid <?php echo $main; ?> category" role="main">

<div class="span4 pull-right">
    <?php
     echo $column_right;
    ?>
</div>
<div class="span8 pull-left" >
    <div id="content" class="span8 mainborder"></div>
</div>

---

作为参考，您可以访问您可以首先在html文档中添加span4，并在屏幕大小>768像素时为span8赋予一个浮动

@media (min-width:768px) {
.span8 {
float:right;
}
}