Question

尝试获取一个简单的Bootstrap导航栏示例的复制粘贴，以便在Meteor应用程序中工作。

<body>
    <div class="container">
        <header>
            {{> navbar}}
        </header>
    </div>
</body>

<template name="navbar">
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">Brand</a>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Page 1</a></li>
                    <li><a href="#">Page 2</a></li>
                    <li><a href="#">Page 3</a></li>
                </ul>
            </div>
        </div>
    </nav>
</template>

导航栏按照您的预期呈现3页链接。 “品牌”呈现为位于左侧导航栏上方的简单html链接。

刚刚更新为Meteor 1.0.45

已安装的软件包：

accounts-google 1.0.4
accounts-password 1.1.0
accounts-ui 1.1.5
alanning：roles 1.2.13
autopublish 1.0.3
bootstrap 1.0.1
不安全1.0.3
jquery 1.11.3_2
meteor-platform 1.2.2
pascoual：pdfjs 1.0.68

Answer 1

首先，您错过了navbar-default

上的<nav>课程

应该是这样的。

<nav class="navbar navbar-default">

也可以尝试使用Mizzao Bootstrap Package。

meteor remove bootstrap 1.0.1
meteor add mizzao:bootstrap-3

Bootstrap Navbar Brand不在Meteor应用程序的Navbar中呈现

1 个答案: