<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class='navbar navbar-expand-lg bg-light border rounded'> <!-- SAMS NAVBAR --> <div class='navbar-brand'> S.A.M.S </div> <ul class='navbar-nav mr-auto'> <li class='nav-item'> <a class='nav-link' href='#' role='button'>Home</a> </li> <li class='nav-item'> <a class='nav-link' href='#' role='button'>Goals and Objectives</a> </li> </ul> <!-- END OF SAMS NAVBAR--> <!-- iNation NAVBAR --> <div class='navbar-brand'> iNation </div> <ul class='navbar-nav mr-auto'> <li class='nav-item'> <a href='#' class='nav-link'>Dashboard</a> </li> <li class='nav-item'> <a href='#' class='nav-link'>Submissions</a> </li> <li class='nav-item'> <a href='#' class='nav-link'>Screened</a> </li> <li class='nav-item'> <a href='#' class='nav-link'>In Process</a> </li> <li class='nav-item'> <a href='#' class='nav-link'>Completed</a> </li> </ul> <!-- END OF iNation NAVBAR --> <ul class='navbar-nav border rounded'> <li class='nav-item'> <label class='ml-2 font-weight-bold' for='submitButtons'>Have an idea?</label> <div class='btn-group m-2' role='group' id='submitButtons'> <button type='button' class='btn btn-primary btn-sm' href='#'>S.A.M.S</button> <button type='button' class='btn btn-primary btn-sm' href='#'>Innovation</button> <button type='button' class='btn btn-primary btn-sm' href='#'>Help Me Choose</button> </div> </li> </ul> </div>