Html dekstop恢复时移动到侧面的顶部导航栏？（引导）

我一直在尝试制作一个反应灵敏的导航条，移动时在顶部，桌面时在侧面

问题是要实现这一点，我不确定关于行和列的正确方法是什么。因为在

mobiles

上，我有一行用

col-x-12

表示顶部导航，另一行用

col-x-12

表示下面的内容

但是，如果我想为dekstop大小实现并排cols（

col-2和col-10

），我就有一个关于2行的问题。他们不可能在一起。 此外，我还尝试为导航栏制作1行和2列（

col-md-12 col-lg-2

）

---

对于内容（

col-md-12 col-lg-10

），但我不知道在一行中放置2个

cols-12

是否安全，因此，对于这种响应性

navbar

，正确的方法是什么？谢谢

我可能会给你一个解决方案

尝试制作两个div，一个仅以桌面分辨率显示（它将包含边栏），另一个以移动分辨率显示（将包含顶栏）

隐藏在比lg更宽的屏幕上
隐藏在比lg更小的屏幕上

---

看看这个

欢迎来到Stack Overflow！寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的代码。看见

<div class="d-lg-none">hide on screens wider than lg</div>
<div class="d-none d-lg-block">hide on screens smaller than lg</div>