主页 / 问题 / 1417499
Accepted
Fox
Asked:2022-08-06 19:44:28 +0000 UTC2022-08-06 19:44:28 +0000 UTC

响应式布局和引导

  • 772

我有一个使用引导网格的页面。页面上有两个 col-* 元素，第一个是内容，第二个是菜单。

<div class="row">
<div class="col-md-9 col-12 content">
Контент
</div>
<div class="col-md-3 col-12 menu">
Меню
</div>
</div>

从小屏幕观看时，布局会相应地向下移动，内容在顶部，菜单在下方。我需要将菜单放在首位。如何实施？

html css

1 个回答

  1. Best Answer

    视觉重新排序适用于弹性项目。此外，请参阅此信息

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">

<div class="row">
  <div class="col-md-9 col-12 order-1 content">
    Контент
  </div>
  <div class="col-md-3 col-12 order-md-1 menu">
    Меню
  </div>
</div>

    • 2

相关问题