css - 如何定位整个 Bootstrap 导航栏

Question

这就是我到目前为止所做的

如何定位整个导航栏？我希望一切都是蓝色的。

PS：这是我添加的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;
}  

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