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

我正在使用一个容器。

和两个跨度。

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

现在，当我使用移动尺寸的浏览器查看站点时，情况很整洁，但是span4滑到了span8的底部，这很自然，因为span4在标记中的span8之后。现在，我想以一种方式来实现，当浏览器的大小是可移动的时，span4在span8之前，这意味着在它上面。我应该怎么做？

这是我的标记：

<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>

供参考，您可以访问http://getbootstrap.com/css/#helper-classes-floats

关于html - 关于使用Twitter Bootstrap 2.0的元素顺序的移动响应问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23867360/