Html 在div中对齐导航栏

请看一下这个：

http://83.212.101.132/betdk/home/two

• 当用户滚动时，导航栏转到顶部（使用

  粘贴
  插件）
  

• 然而，它占据了整行（Home在左边）

我应该怎么做才能使其：

• 保留全宽蓝色背景
• 内容仍然居中

---

这是与词缀相关的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的回答确实有效

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

---

只需在菜单周围添加一个

.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”，当它正常时，它必须是流体，当它被粘贴时，它必须是容器

以下属性允许将固定图元居中放置：

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

---

我试过这个。它确实对词缀起作用。但是，当导航条就位（未粘贴）时，它会弄乱导航条。关于这个有什么建议吗？我通过控制台在你的网站上试用过，效果不错。我将添加一个图像。你需要加上两个UL，不是唯一的。我没说它不起作用。我是说它把导航条弄乱了（看最右边的元素，它超出了边界…）你的意思是把这两个

都包含在

.container

中吗？如果这就是你的意思，那正是我所做的…请看一下这个：-“WrapBootstrap”现在超出了范围。至于词缀，是的，这正是我需要的。

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