html - 在 div 中对齐导航栏

Question

请看这个:http://83.212.101.132/betdk/home/two

• 当用户滚动时，导航栏会转到顶部(使用 affix 插件)。

• 但是，它占据了整行(“Home”在左边)。

我应该怎么做才能让它:

• 保留全 Angular 蓝色背景
• 内容保持居中

---

这是词缀相关的 CSS:

        .affix {
            position: fixed;

            top: 0;
            width: 100%;
            left:0;
            z-index:10;
            box-shadow: 0 0 30px black;
           -webkit-border-radius: 0 !important;
           -moz-border-radius: 0 !important;
            border-radius: 0 !important;

        }

        .affix .subcon {
            /* The wrapper around the navbar contents */
        }

有什么想法吗？

---

更新

Unykvis 的回答 确实有效。

添加一个(以避免弄乱原始形式的导航栏内容)

.navbar .container {
    padding-left:0px;padding-right:47px
}
            .navbar.affix .container {
padding-left:15px;padding-right:15px;
            }

Answer 1

只需在菜单周围添加一个 .container div:

<div class="navbar-collapse collapse" id="navbar-main" style="padding-left:0; ">
  <div class="container">
     <ul class="nav navbar-nav">

这就是你想要的，对吗？

那么这样做:

编辑

为了修复食物，我会做:

<div id="nav-fixed" class="container">

并通过 jQuery 从“container-fluid”更改为“container”，当它正常时，它必须是流体，当它附加时它必须是容器。