在移动横向视图中的两列

时间:2014-04-03 10:51:45

标签: html css twitter-bootstrap

我想在移动纵向视图中显示一列,使用getbootstrap在移动横向视图中显示两列3.在桌面版本中,应该有三列。

我使用了这段代码

<div class="col-sm-3 col-xs-6"></div>
<div class="col-sm-3 col-xs-6"></div>
<div class="col-sm-3 col-xs-6"></div>

但无法在纵向视图中获得单列。我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

试试这个:http://jsfiddle.net/jdanyow/EVTsX/

<div class="container-fluid">
    <div class="row">
        <div class="row col-md-8">
            <div class="col-sm-6 col1">col 1</div>
            <div class="col-sm-6 col2">col 2</div>
        </div>
        <div class="col-md-4 col3">col 3</div>
    </div>
</div>