<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="navbar navbar-inverse navbar-fixed-top">
<a class="navbar-brand" href="#">Brand</a>
<ul class="nav navbar-nav">
<li><a href="#">Link1</a></li>
</ul>
</div>
<div id="main-content" class="container" style="margin-top: 80px">
<h1>Login</h1>
<form>
<div class='field'>
<label for="user_name">Name</label>
<input autofocus="autofocus" id="user_name" name="user[name]" type="text" value="" />
</div>
<div class='field'>
<label for="user_password">Password</label>
<input autocomplete="off" id="user_password" name="user[password]" type="password" />
</div>
<div class='field'>
<input name="user[remember_me]" type="hidden" value="0" /><input id="user_remember_me" name="user[remember_me]" type="checkbox" value="1" />
<label for="user_remember_me">Remember me</label>
</div>
<div class='actions'>
<input class="btn btn-primary btn-large" name="commit" type="submit" value="Log in" />
<a class="btn btn-success" href="/users/sign_up">Sign up</a>
<a class="btn btn btn-warning" href="/users/password/new">Forgot your password?</a>
</div>
</form>
<h2>Second</h2>
</div>
</div>
