title: How to change the navbar position? CSS & HTML
body: <p>I hope I can explain all what I need of you guys here :)</p>
  
  <p>I want to get some like this:
  <a href="http://i.imgur.com/OzyQlHC.png" rel="nofollow">http://i.imgur.com/OzyQlHC.png</a></p>
  
  <p>But on my code, I tried a few things, but I can't get that end :S I don't know to do it and I dont found exactly what I want...</p>
  
  <p>Here's my code: </p>
  
  <pre><code>&lt;body&gt;
  
  
  &lt;nav class="navbar navbar-default" role="navigation"&gt;
  &lt;div class="navbar-header"&gt;
    &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"&gt;
      &lt;span class="sr-only"&gt;Desplegar navegación&lt;/span&gt;
      &lt;span class="icon-bar"&gt;&lt;/span&gt;
      &lt;span class="icon-bar"&gt;&lt;/span&gt;
      &lt;span class="icon-bar"&gt;&lt;/span&gt;
    &lt;/button&gt; 
  &lt;/div&gt;
  &lt;div class="navbar-center navbar-brand" href="#"&gt;&lt;a class="navbar-brand"&gt;JVasconcelos&lt;/a&gt;&lt;/div&gt;
  
  
  
  &lt;div class="collapse navbar-collapse" id="navbar-collapse-1"&gt;
  
    &lt;form class="navbar-form navbar-left" role="search"&gt;
      &lt;div class="form-group"&gt;
        &lt;input class="form-control" placeholder="Search" type="text"&gt;
      &lt;/div&gt;
      &lt;button type="submit" class="btn btn-default"&gt;&lt;i class="glyphicon glyphicon-search"&gt;&lt;/i&gt;&lt;/button&gt;
    &lt;/form&gt;
    &lt;ul class="nav navbar-nav navbar-right"&gt;
      &lt;li&gt;&lt;a href="#"&gt;CV&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Contacto&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;    &lt;!-- /.navbar-collapse --&gt;
  &lt;/nav&gt;
  
  &lt;footer&gt;
  
      &lt;h3&gt; &amp;copy; 2016 - Jose Antonio - JVasconcelos &lt;/h3&gt;
  
  &lt;/footer&gt;
  
  &lt;script src="js/jquery-2.2.4.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>Here's the CSS:</p>
  
  <pre><code>.navbar-brand { float: none; }
  .navbar-center { position: absolute; width: 100%; text-align: center; margin: auto; height:100%; }
  </code></pre>
  
  <p>--> EDIT: I did it with this code, but if exists another easier way how it is?</p>
  
  <pre><code>.navbar { margin-top: 90px; margin-left: 450px; width: 900px; }
  </code></pre>
  
  <p>So much thanks for watch this post and the help if you can :)</p>