<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 ALTERNATE --> <div class='btn-group' role='group'> <button id='samsBtnGroup' type='button' class='btn btn-primary dropdown-toggle' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'> S.A.M.S </button> <div class='dropdown-menu'> <a class='dropdown-item dropLink-SAMS' href='#'>Home</a> <a class='dropdown-item dropLink-SAMS' href='#'>Goals and Objectives</a> </div> </div> <!-- END SAMS ALTERNATE --> <!-- iNation NAVBAR --> <div class='btn-group m-2' role='group'> <button id='samsBtnGroup' type='button' class='btn btn-primary dropdown-toggle' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'> iNation </button> <div class='dropdown-menu'> <a class='dropdown-item dropLink-iNation' href='#'>Dashboard</a> <a class='dropdown-item dropLink-iNation' href='#'>Submissions</a> <a class='dropdown-item dropLink-iNation ' href='#'>Screened</a> <a class='dropdown-item dropLink-iNation' href='#'>In-Process</a> <a class='dropdown-item dropLink-iNation' href='#'>Completed</a> </div> </div> <!-- 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 newLink-SAMS' href='#'>S.A.M.S</button> <button type='button' class='btn btn-primary btn-sm newLink-iNation' href='#'>Innovation</button> <button type='button' class='btn btn-primary btn-sm newLink-Help' href='#'>Help Me Choose</button> </div> </li> </ul> </div>