2014-02-22 6 views
1

유성 프로젝트에 부트 스트랩 3.1.1 파일을 수동으로 포함하고 있으며 스타일링이 잘되어 있습니다. 아래 코드를 bootply에 넣으면 작동하지만 내 유성 앱에서 사용할 때 '드롭 다운 트리거'링크가 보이지만 아무 것도 클릭하지 않습니다.유성에서 부트 스트랩 드롭 다운이 작동하지 않습니다.

<div class="dropdown"> 
    <a data-toggle="dropdown" href="#">Dropdown trigger</a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
     <li role="presentation"><a tabindex="-1" role="menuitem" href="#">Action</a></li> 
     <li role="presentation"><a tabindex="-1" role="menuitem" href="#">Another action</a></li> 
     <li role="presentation"><a tabindex="-1" role="menuitem" href="#">Something else here</a></li> 
     <li class="divider" role="presentation"></li> 
     <li role="presentation"><a tabindex="-1" role="menuitem" href="#">Separated link</a></li> 
    </ul> 
</div> 
+0

부트 스트랩 JS를 어떻게 추가 하시겠습니까? Atmosphere -https : //github.com/mangasocial/meteor-bootstrap-3에서'bootstrap-3' 패키지를 사용하는 것이 좋습니다. 부트 스트랩 3.1.0을 사용하지만 쉽게 업데이트 할 수 있어야합니다. 끌어 오기 요청을 수락합니다. – sbking

+0

bootstrap js, font, css 파일이 들어있는 부트 스트랩 폴더가 있습니다. 나중에 사용자 정의 스타일을 추가 할 계획이므로 이렇게하고 싶습니다. 부트 스트랩 스타일링은이 설정으로 잘 작동하는 것 같습니다. –

+0

부트 스트랩을 패키지로'packages /'폴더에 추가하십시오. 'bootstrap-3' 패키지의 구조 만 복사하면됩니다. 이 방법으로 원하는만큼 패키지의 파일을 사용자 정의 할 수 있습니다. – sbking

답변

4

아아를! bootstrap.jsbootstrap.min.js 파일을 모두 가지고있어, bootstrap.js을 제거한 것을 볼 수 있습니다. 미안해.

2

당신이 철 라우터 드롭 다운 트리거에서 href 속성을 삭제하려고 사용하는 경우

<a data-toggle="dropdown">Dropdown trigger</a> 

그리고 당신의 CSS에서 태그에 커서 포인터를 추가

a { cursor: pointer; } 
+0

나는 이것을 시도하지만 여전히 드롭 다운은 아무것도하지 않는다. –

관련 문제