Question

问题进一步解释

添加了Jsfiddle代替代码，你无法在那里看到我的问题，这很奇怪。它应该看起来像是在jsfiddles上，但在谷歌浏览器中，其中一页的页面比左边的更多。

我有1页看起来像这样： fiddle1

另一个看起来像这样： fiddle2

对我来说，这些页面看起来完全一样，它们应该是因为我复制了第一页，唯一的区别是导航栏下方按钮上的一些名称。

其中一个页面位于左边，而另一个页面位于chrome（整页）
当我在Internet Explorer中尝试时，页面位置完全相同，应该是这样。
当我在chrome中打开调试器时，页面也保持完全相同（而不是向左移动1 ..）。

为什么我使用谷歌浏览器时会移动？有没有人有这个好的解决方案？我希望我的页面具有完全相同的位置和外观。

我不知道为什么但是，我必须添加代码来添加到jsfiddles的链接，所以我们走了，这就是我认为问题所在，但我并不完全确定。：

        <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="en/home.php"><img src="image.png" border="0" align="texttop"></a>
                <a class="navbar-button" href=""><button type="button" class="btn btn-xs btn-danger" onClick="">Logout</button></a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="link">On boarding cases</a></li>
                    <li><a href="link">General cases</a></li>
                    <li><a href="link">Money laundry</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </nav>

Bootstrap导航栏更改谷歌浏览器中的位置

0 个答案: