1

这可能是一个菜鸟问题。我目前正在使用 Bootstrap,但更改了我的 HTML 标记的语义以避免直接使用 Bootstrap 类。我使用以下类来包装我的导航栏 -

<div class="navbar-wrapper navbar-default"></div>

现在,在用我自己的类替换上述类(并编译我的自定义 .less 文件)时,'navbar-wrapper' 类以'undefined' 的形式出现,这很好,因为我在'bootstrap.css' 文件中找不到它。

但是,为什么在上面的代码片段中使用 'navbar-wrapper' 类没有错误呢?而且它确实会导致样式发生变化,因为使用'navbar'而不是'navbar-wrapper'会在我的导航栏周围添加边框!

编辑 1:为了清楚起见,完成相关代码

<body>
    <div class="jumbotron">
        <div class="container">
            <h1><a href="dummywp.html">Dummy Blog</a></h1>
        </div>
    </div>
    <div class="navbar-wrapper navbar-default" role="navigation">
        <div class="container">
            <ul class="nav navbar-nav">
                <li class="active"><a href="dummy.html">Home</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="work.html">Work</a></li>
                <li><a href="contact.html">Buzz</a></li>
            </ul>
        </div>
    </div>
</body>
4

0 回答 0