Bootstrap 4 如何在桌面上创建3列，在平板电脑上创建2列，父级不同，但在平板电脑上，子级转到另一父级_Bootstrap 4

Bootstrap 4 如何在桌面上创建3列，在平板电脑上创建2列，父级不同，但在平板电脑上，子级转到另一父级

bootstrap-4

Bootstrap 4 如何在桌面上创建3列，在平板电脑上创建2列，父级不同，但在平板电脑上，子级转到另一父级,bootstrap-4,Bootstrap 4,我试过了，但没用。我想在桌面或xl中制作这样的专栏。我希望lg的布局是这样的，它移到左上方，保持粘性但在我的尝试中，像lg这样。帮我解决这是我的密码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1, shrink-to-fit=no&qu

我试过了，但没用。我想在桌面或xl中制作这样的专栏。

我希望lg的布局是这样的，它移到左上方，保持粘性

但在我的尝试中，像lg这样。帮我解决

这是我的密码

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
  <title>MyPage</title>
  </head>
  <body>
  <div id="page">
  <div class="mt-4 container-xl">
  <div class="row">
  <main class="col-12 col-lg-8 order-1 order-lg-2  order-xl-2" id="Main">
  Main content is card
  </main>
  <aside class="col-12 col-lg-4 order-2 order-lg-1">
    aside
  </aside>
  <aside class="col-12 col-lg-4 col-xl-3 order-3 order-lg-2 order-xl-3 sticky-top">
    aside sticky
  </aside>
  </div>
  </div>
  </div>
 </body></html>

事实证明这是不可能的，过去几天没有人回答。现在我知道，xl介质右侧的粘性侧边与LG介质上的粘性侧边不同。解决方案是使两个侧边粘滞，一个在左边行，或与父侧边相同，当介质尺寸为xl时必须隐藏，当介质尺寸为lg时显示，另一个是右侧的侧边粘滞，它有自己的父侧，并且仅在最小xl的介质上显示。当然，所有这些都需要更改列的大小。您可以在

中看到HTML结构无效的示例。你能编辑这个问题并修正它吗？我修正了它，现在我知道这是不可能的！我尝试切换到bulma，因为这个样本是由bulma制作的，很明显右边的边栏隐藏在xl中，lg中的旁侧粘滞与旁侧粘滞不同！对不起，我的英语不好，因为我试着写英语而不翻译。