Bootstrap Navbar Бренд не отображается в Navbar в приложении Meteor

Пытается получить копию-копию простого примера Navstart Bootstrap для работы в приложении Meteor.Bootstrap Navbar Бренд не отображается в Navbar в приложении 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, расположенную над навигационной панелью с левой стороны.

Просто обновлена Метеор 1.0.45

Установленные пакеты:

счетов-Google 1.0.4
счетов-паролей 1.1.0
счета-щ 1.1.5
alanning: роли 1.2.13
autopublish 1.0.3
бутстраповские 1.0.1
небезопасные 1.0.3
JQuery 1.11.3_2
метеор платформы 1.2.2
pascoual: pdfjs 1.0.68

источник

2015-03-26 RevMen

Сначала вы пропускаете navbar-default класс на <nav>

Это должно выглядеть так.

<nav class="navbar navbar-default">

Также попробуйте использовать пакет Bootstrap Mizzao.

meteor remove bootstrap 1.0.1 
meteor add mizzao:bootstrap-3

источник

2015-03-26 01:27:49 Ethaan

Добавление navbar-default не влияет. Добавление других классов, таких как navbar-inverse, имеет ожидаемые эффекты со стороны навигационной панели, которая является рендерингом. Но, выбирая встроенный пакет bootstrap для пакета начальной загрузки mizzao, похоже, решил проблему! Замена mizzao: bootstrap-3 с помощью twbs: bootstrap также работает правильно. – RevMen

Bootstrap Navbar Бренд не отображается в Navbar в приложении Meteor

ответ

Смежные вопросы