更改内容响应顺序 bootstrap 主题 drupal

Question

我正在使用带有 Bootstrap 3（子）主题的 D7。目前，如果在小屏幕上查看网站，“主要”的内容会显示在主要内容区域的内容上方。我希望主要内容区域位于“主要”内容之上。有办法吗？

Answer 1

发生这种情况是因为 aside 元素（您的 "Primary" 区域）在 DOM 中的主要元素之前。您可以使用 jQuery detach() 和 append() 方法修复此问题。基本上，在小屏幕断点处，分离 <aside> 并将其附加在 <main> 之后。