尝试获取一个简单的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
已安装的软件包:
答案 0 :(得分:0)
首先,您错过了navbar-default
<nav>
课程
应该是这样的。
<nav class="navbar navbar-default">
也可以尝试使用Mizzao Bootstrap Package。
meteor remove bootstrap 1.0.1
meteor add mizzao:bootstrap-3