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

时间:2015-03-26 00:42:13

标签: twitter-bootstrap meteor navbar

尝试获取一个简单的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

1 个答案:

答案 0 :(得分:0)

首先,您错过了navbar-default

上的<nav>课程

应该是这样的。

<nav class="navbar navbar-default">

也可以尝试使用Mizzao Bootstrap Package。

meteor remove bootstrap 1.0.1
meteor add mizzao:bootstrap-3