如何定位整个Bootstrap导航栏

Question

到目前为止我设法做到了  http://i.stack.imgur.com/DKiQf.png

如何定位整个导航栏？我希望一切都是蓝色的。所有答案都非常感谢。 谢谢我提前

P.S：这是我添加的CSS：

 .navbar-inner
{
    background-color: #3177D4;  
    /* remove the gradient */
    background-image: none;
    /* set font color to white */
    color: white;
}   

/* menu items */


        .navbar .nav > li > a {
          background-color: #3177D4;   
          color: white;

        }



    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {
      background-color: #3177D4;
      color: white;
    }

        .navbar .nav > .active > a,
        .navbar .nav > .active > a:hover,
        .navbar .nav > .active > a:focus {

          background-color: #3177D4;
          color: white;
        }



    .navbar .brand 
    {
        background-color: #3177D4;
        color: white;
    }
    .navbar .navbar-inner .container {
         background-color: #3177D4;
          background-image: none;
    }
    .navbar-inner {
    background-color: #3177D4;
          background-image: none;
    }
    div.navbar.navbar-inverse .navbar-fixed-top {
    background-color: #3177D4;
          background-image: none;
    }

Answer 1

.navbar
{
    background-color: #3177D4;  
    /* remove the gradient */
    background-image: none;
    /* set font color to white */
    color: white;
}  

您可以使用“inspect element”查看要定位的元素。