如何使我的内容区域位于我的菜单右侧？答案

【问题标题】：how to make my content area to the right of my menu?如何使我的内容区域位于我的菜单右侧？
【发布时间】：2022-02-12 12:40:31
【问题描述】：

您好，我正在尝试使用引导程序 4 将我的内容区域放在垂直导航栏的右侧。在我当前的代码中，内容区域位于菜单下方。有关如何修复它的任何建议，使其位于右侧菜单旁边。谢谢

 <div class="container-fluid">
 <div class="col-3">

 <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
 <button class="navbar-toggler" type="button" data-toggle="collapse" data- 
 target="#collapsibleNavbar" aria-expanded="true">
 <span class="navbar-toggler-icon"></span>
 </button>
 <div class="navbar-collapse collapse show" id="collapsibleNavbar" style>
 <ul class="navbar.flex-column">
 <li class="nav-item">
 <a class="nav-link" href="index.html">Index</a>
 </li>

 </ul>
 </div>
 </nav>
 </div>
 </div>

 <div class="container-fluid">
 <div class="col-9">

 <p>Main Content area</p>

 </div>
 </div>

【问题讨论】：

尝试使用引导网格来获得所需的布局。
@Srikanth 这就是我尝试使用 nut 的原因，它对我如何正确地做到这一点没有任何建议。我知道网格是 12，所以我尝试做我的菜单 3，然后是我的内容区域 9，但它们继续保持在彼此之下
用 class="row" 将整个内容包含在一个 div 中

标签： html bootstrap-4

【解决方案1】：

复制col-9 div 并将其放在col-3 div 结束之后。使用container-fluid 类添加d-flex flex-row 类。

【讨论】：

Zahid 还是一样，他们在彼此之下
请删除container-fluid div 之前的col-9 div。应该只有一个container-fluid div。
Zahid 兄弟，我在 col-9 div 之前删除了容器流体，并将 col-9 粘贴到你告诉我的地方，但它仍然是一样的。他们仍然在彼此之下我正在尝试将内容写入菜单
Zahid 如果你能运行我的代码，你就会明白发生了什么
我已修复，谢谢