我有四列使用 Bootstrap 列类
<div class="col-md-3">
@include('schedulizer.classes-panel')
@include('schedulizer.time-span-options-panel')
@include('schedulizer.other-options-panel')
</div>
<div class="col-md-9 col-centered">
@include('schedulizer.schedule-panel')
</div>
它们看起来像这样:
在移动 View 中,主要元素日程安排被一直推到底部,如下所示:
当检测到较小的屏幕分辨率时,有什么方法可以将列“推”到顶部吗?
最佳答案
是的。只需重新排列它们并使用推拉
<div class="col-md-9 col-centered col-md-push-3">
@include('schedulizer.schedule-panel')
</div>
<div class="col-md-3 col-md-pull-9">
@include('schedulizer.classes-panel')
@include('schedulizer.time-span-options-panel')
@include('schedulizer.other-options-panel')
</div>
关于html - 使用 Bootstrap 将列推到移动 View 的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32258961/