how to make my content area to the right of my menu?-CodePudding

Hello im trying to put my content area to the right of my vertical nav bar using bootstrap 4. in my current code the content area is under the menu. any suggestions on how to fix it so its next to the menu on the right side. Thank you

 <div >
 <div >

 <nav >
 <button  type="button" data-toggle="collapse" data- 
 target="#collapsibleNavbar" aria-expanded="true">
 <span ></span>
 </button>
 <div  id="collapsibleNavbar" style>
 <ul >
 <li >
 <a  href="index.html">Index</a>
 </li>

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

 <div >
 <div >

 <p>Main Content area</p>

 </div>
 </div>

CodePudding user response：

Copy the col-9 div and place it after the col-3 div ends. Add d-flex flex-row classes with container-fluid class.