css 将左侧边栏放在移动设备内容的下方

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 将左侧边栏放在移动设备内容的下方相关的知识,希望对你有一定的参考价值。

@media (max-width: 767px) {
  .fl-page-content .row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }
  .fl-page-content .fl-sidebar {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
  .fl-page-content .fl-content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }
}

以上是关于css 将左侧边栏放在移动设备内容的下方的主要内容,如果未能解决你的问题,请参考以下文章

三 div / 两列布局 - 可以使用 Flexbox 吗?

我想使用引导程序从移动设备的左侧删除填充?

通过 Bootstrap 导航栏。如何在移动或平板模式下将 NavBar 的组件放在右侧而不是左侧?

具有动态右侧内容的 100% 高度左侧边栏 - Bootstrap + Wordpress

边栏在桌面默认打开,在移动设备上关闭

删除资源管理器中,设备和驱动器与左侧边栏中存在的WPS网盘等图标