Bootstrap 3在左列

时间:2018-03-04 00:26:49

标签: css twitter-bootstrap twitter-bootstrap-3

我使用Bootstrap 3,我有2列彼此相邻,但我想在屏幕变小时在左列下方进行正确的列移位。

我所拥有的内容如下;

<div class="container">
    <div class="row">

        <div class="col-xs-12">

            <div class="row">

                <div class="col-xs-8">
                    This is the left column
                </div>

                <div class="col-xs-4">
                    This is the right column
                </div>

            </div>

        </div>

    </div>
</div>

非常感谢任何帮助:)

1 个答案:

答案 0 :(得分:0)

当屏幕变小时,原因是不会因为您正在使用from collections import Counter diff = ["aaa", "aa", "a"] c = Counter(diff) sorted(c.items(), key=lambda x: diff.index(x[0])) # [('aaa', 1), ('aa', 1), ('a', 1)] 类而移位。这告诉bootstrap在最小的屏幕上显示它们彼此相邻,以及任何更大的屏幕。

此外,您不需要额外的行来处理您正在做的事情。

以下是使用col-xs-类在任何屏幕媒体或更大屏幕上显示它们的方法:

col-md-

如果您希望在大屏幕上将它们彼此相邻显示并堆叠在较小的屏幕上,则可以使用<div class="container"> <div class="row"> <div class="col-md-8"> This is the left column </div> <div class="col-md-4"> This is the right column </div> </div> </div> 类。