N�o consigo fazer AS views menores funcionarem corretamente com BOOTSTRAP

03/09/2015

Ola estou no meu primeiro contato com bootstrap, e empaquei em algo que provavelmente deve ser simples. estou tentando montar um layout (apenas para aprendizado) e est� bem simples, apenas com a navbar e uma div com 12 colunas no modo responsivo, com a janela maximizada tudo funciona perfeitamente, mas quando reduzo a janela para testar as views, aparecem margens na div, a navbar continua funcionando normalmente mas n�o est� mais fixada no topo como deveria estar.

Alguma diga de onde estou errando??

segue o c�gigo:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title></title>

<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-responsive.css"/>
<link rel="stylesheet" type="text/css" href="estilo.css"/>
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="java.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap-responsive.js"></script>



</head>

<body>

<nav class="navbar navbar-fixed-top navbar-inverse">
		
		<div class="navbar-inner">
			
			<div class="container">
				
				<button class="btn  btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
				
				</button>
				
				<div class="nav-collapse collapse">
					
					<ul class="nav">
						<li><a href="">Link1</a></li>
						<li><a href="">Link2</a></li>
						<li><a href="">Link3</a></li>
					</ul>

					<form action="" class="navbar-form pull-right">
						
						<input type="text" class="span3">
						<button class="btn btn-inverse" >Buscar</button>
						
					</form>
				
				</div>
			
			</div>

		</div>
	
	</nav>

	<div class="row-fluid">
	
		<div class="span12 bloco1">
			<h1>Teste</h1>
		</div>
	</div>
	

</body>
</html>

Luis Dias

Curtir t�pico + 0

Responder