bootstrap-3
및을 (를 accounts-ui-bootstrap-3
) 설치 한 후 ui-accounts
사용시 로그인 위젯이 나타나지 않았습니다 {{ loginButtons }}
. 대신 a <div>
가 그 자리에 있지만 위젯이 표시되지 않습니다.
위젯을 표시하기 위해 누락 된 추가 단계가 있습니까?
Bootstrap 3 패키지 추가
mrt add bootstrap-3
mrt add accounts-ui-bootstrap-3
main.html
<body>
{{> header}}
</body>
<template name="header">
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">My Bootstrap 3 App</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li>{{ loginButtons }}</li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
</div>
</template>
{{loginButtons}}의 출력
<div id="login-buttons" class="login-buttons-dropdown-align-right"></div>
어긋난 {{ loginButtons }}
문서에서 적절하게 정렬 된 예제
이것을 발견하고 왜 이런 일이 발생하는지 궁금해하는 사람에게 해결책은 매우 간단합니다. 을 입력하여 meteor에서 표준 accounts-ui 패키지를 제거하십시오 meteor remove accounts-ui
. 분명히 표준 패키지는 부트 스트랩 -3 스타일 계정 UI의 CSS 클래스를 재정의합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다