<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 ----------> <header> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">HUDSON</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Home-000</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link-001</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link-002</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link-003</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link-004</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Link-005</a> </li> </ul> <form class="form-inline col-4 my-2 mr-auto"> <input class="form-control col mr-sm-2" type="search" placeholder="Produtos, Clientes e Pedidos" aria-label="Search"> <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Super Filtro</button> </form> <ul class="navbar-nav mr-right"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Usuário Logado! </a> <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"> <li class="nav-item"> <a class="dropdown-item" href="#">Meu Perfil</a> </li> <li class="nav-item dropdown"> <a class="dropdown-item dropdown-toggle" href="#" id="dropdownForm" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Trocar Senha </a> </li> <div class="dropdown-divider"></div> <li class="nav-item"> <a class="dropdown-item" href="#">Sair</a> </li> </ul> </li> </ul> </div> </nav> </header> <div class="container mt-3 text-center"> TESTE <table class='mx-auto border text-left'> <tr class='border'> <td class='col-2 border'>TESTE-1</td> <td class='col-1 border'>TESTE-2</td> </tr> <tr class='border'> <td colspan='2'>TESTE-3</td> </tr> </table> </div>