"Projeto web com menu lateral"
Bootstrap 3.3.0 Snippet by ramulo

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <head> <title>Sobre</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <link rel="stylesheet" href="bootstrap/3.3.6/css/bootstrap.min.css"> <link rel="stylesheet" href="bootstrap/3.3.6/css/style.css"> </head> <body> <div class="container"> <header class="page-header"> <h1>Estágio</h1> </header> <div class="row"> <div role="main" class="col-md-8"> <h2>Sobre</h2> <p>Sobre Iniciando um projeto de web, com alguns menus realocados no top, com acesso ao banco de dados. Estrutura criada em java, utilizando servelets e classe filter para fazer o controle de acesso. Estrutura com finalidade de consulta, inserção e exclusão de dados do banco, em primeiro caso ou avaliação .</p> </div> <aside role="complementary" class="col-md-4"> <div id="widget-links" > <ul class="list-unstyled"> <li><a href="#">Home</a></li> <li><a href="#">Programação</a></li> <li><a href="#">Sobre</a></li> <li><a href="#">Evangelização</a></li> <li><a href="#">Como Chegar</a></li> </ul> </div> </div> </aside> </div> <!-- /.row --> <hr /> <footer> <p class="text-muted" align="center">© 2016 - Estágio IBGE</p> </footer> </div> <!-- /.container --> </body> <script src="bootstrap/3.3.6/js/jquery.js"></script> <script src="bootstrap/3.3.6/js/bootstrap.min.js"></script> </body> </html>
ul { list-style-type: none; margin: 0; padding: 0; width: 200px; background-color: #f1f1f1; } li a { display: block; color: #009ACD; padding: 8px 0 8px 16px; text-decoration: none; } /* Change the link color on hover */ li a:hover { background-color: #555; color: #00BFFF; } body{ background-color: white; color: #009ACD; }

Related: See More

Light Bootstrap Dashboard Pro
Bootstrap NavBar Menu Dropdowns http://fontenele.github.io/bootstrap-navbar-dropdowns/
Accordian Menu
Bootstrap V4 Side Toggle and Fixed Top Menu (Responsive)

Questions / Comments: