Html 引导菜单的大小调整错误

我需要在页面中央制作菜单。在右边我需要一条空白的车道。它可以100%调整大小。但当我缩小屏幕时，它不会停留在相同的位置

HTML

<div class="row header">
  <div class="row menu col-lg-offset-3 col-md-offset-3">
    <div class="container">
      <ul id="menu">
        <li><a href="index.php" style="background-color: #be5f28;">Úvod</a></li>

这是100%的情况

这里有25%的缩小率

---

demo：

在您的代码中，我看到的最大错误是重写了“container”类的“margin left”属性。不应该这样做。”“左边距”和“右边距”应左至“自动”，因为这是部件水平居中的原因

html标记应类似于：

<div class="header">
<div class="container">
    <div class="row menu col-lg-offset-1 col-md-offset-3 ">
        <ul id="menu" class="clearfix">
            <li>

---

需要做一些小的调整，但这就是问题的解决办法。一旦布局固定，菜单在更改缩放值时不会偏离其位置，恐怕信息太少了。您需要链接到工作示例以获得特定帮助。您的代码显示没有尝试将导航居中。好的！感谢那更好。但我仍然有右侧空白的问题。背景颜色必须与类菜单一致？我怎样才能在页面右侧的末尾留下这个空白呢？谢谢你可以在菜单课上放一个浮动：左。仅为提供您的信息，您对您的网站进行了更新更改，但由于此原因，没有加载css和图像。你需要改变路径

<div class="header">
<div class="container">
    <div class="row menu col-lg-offset-1 col-md-offset-3 ">
        <ul id="menu" class="clearfix">
            <li>