Bootstrap 3.3.4导航栏问题 - 定位

时间:2015-06-09 14:16:32

标签: html css twitter-bootstrap navbar

以下是MarkUp:

<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中提取字体,
  • 第二个是指定我的jumbotron的宽度和高度,
  • 第三个是在底部指定我的3列的边距 我的主页。

我正在我的网站上工作,需要一些帮助来弄清楚为什么我的导航栏链接按照它们的方式间隔开。

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

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

由于

2 个答案:

答案 0 :(得分:1)

观察它,我可以看到主页链接和技术链接没有关闭</a>标签。添加那些并且应该对其进行排序。

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

答案 1 :(得分:1)

这是非常愚蠢的......

联系页面中的导航栏包含以下课程:

class="navbar navbar-incerse navbar-static"

<强>因此

通过反向

更改 incerse