我使用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>
非常感谢任何帮助:)
答案 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>
类。