在div中对齐导航栏

Question

请看一下这个：http://83.212.101.132/betdk/home/two

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

• 然而，它占据整行（使用＆＃34; Home＆＃34;向左）。

我应该怎样做才能：

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

---

这是与词缀相关的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＆＃39;回答做工作。

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

.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从＆＃34; container-fluid＆＃34; to＆＃34; container＆＃34;，当它正常时，它必须是流动的，当它贴上时它必须是容器。

Answer 2

以下属性允许将固定元素居中：

width:1000px;
margin-left:-500px;
left:50%;

Example