Bootstrap 3.3.4 导航栏问题-定位

Question

这是标记：

<div class="navbar navbar-inverse navbar-static-top">
        <div class="container">
            <a href="index.html" class="navbar-brand">Kellumonline</a>
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">Home</li>
                    <li><a href="tech/index.html">Tech</li>
                    <li><a href="gaming/index.html">Gaming</a></li>
                    <li><a href="skate/index.html">Skate</a></li>
                    <li><a href="contact/index.html">Contact</a></li>
                </ul>
            </div>
        </div>
</div>

Website 目前代码发布于

我没有 CSS 样式化任何容器或元素。我真的有 3 种风格：

一个人正在从 Google,
第二个是为我的超大屏幕指定宽度和高度，
第三个是在底部指定我的 3 列的边距我的主页。

我正在我的网站上工作，需要一些帮助来弄清楚为什么我的导航栏链接是这样间隔的。

此外，我的联系页面显示不正确，它与其他页面的代码相同。

非常感谢任何帮助、反馈或建设性批评。

谢谢

Answer 1

查看它，我可以看到主页 link 和技术 link 没有结束 </a> 标签。将这些添加进去，应该可以解决问题。

此外，@yenne-info 对您的联系页面问题有正确的答案。

Answer 2

太蠢了...

您的联系页面中的导航栏有以下内容class：

class="navbar navbar-incerse navbar-static"

所以

将 incerse 更改为 inverse

Bootstrap 3.3.4 导航栏问题-定位

Bootstrap 3.3.4 navbar issue - positioning

html

css

navbar

twitter-bootstrap