问如何使桌面上的3列和平板上的2列具有不同的父级，但当在tablet 1上时，子列会转到另一个父级
EN

Stack Overflow用户

提问于 2020-07-31 07:25:30

回答 1查看 71关注 0票数 1

我已经试过了，但没有用。我想在桌面或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>

bootstrap-4

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-08-01 15:03:56

事实证明这是不可能的，这正是过去几天没有人回答的。现在我知道了，xl媒体右侧的粘性和LG媒体的粘性是不同的。解决方案是使两个备用粘性--一个位于左侧行，或与父行相同--在媒体大小为xl并在媒体为lg时出现时必须隐藏，另一个是右侧的备用粘性，它有自己的父节点，并且只能在最小xl的媒体上出现。当然，所有这些都需要更改列的大小。您可以在https://taufik.nurhidayat.web.id中看到该示例

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63187521

复制

相似问题

问如何使桌面上的3列和平板上的2列具有不同的父级，但当在tablet 1上时，子列会转到另一个父级
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使桌面上的3列和平板上的2列具有不同的父级，但当在tablet 1上时，子列会转到另一个父级EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使桌面上的3列和平板上的2列具有不同的父级，但当在tablet 1上时，子列会转到另一个父级
EN