2013-02-14 5 views
9

나는 이상한 오류가 발생했습니다! 나는 드롭 다운을위한 트위터 부트 스트랩 컴포넌트 페이지에서 한 줄씩 코드를 사용하고 있으며 같은 결과를 얻지는 못한다. 내 드롭 다운 모습입니다.분할 드롭 다운 버튼의 크기가 같지 않음

enter image description here

나는 어떤 부트 스트랩 CSS를 오버라이드 (override)하지 있습니다. 심지어 모든 스타일 시트를 제거하고 버튼 만 사용 했는데도 여전히 동일한 결과를 얻습니다.

PS : 내가 사용하고 레일 내가 여기

내 HTML 출력 모든 필요한 부트 스트랩 파일이 가정 plugin..which-PAGINATE - 부트 스트랩이됩니다

<div class="btn-group"> 
    <a class="btn btn-primary" href="/user/profile/test_user"> 
    <i class="icon-user icon-white"></i> 
    test_user 
    </a> 
    <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> 
    <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu"> 

    </ul> 
</div> 

답변

24

나는 확신 당신 HTML5 doctype (<!DOCTYPE html>)을 사용하고 있지 않습니다. Bootstrap's documentation에서

:

부트 스트랩은 특정 HTML 요소와 는 HTML5의 문서 타입의 사용을 필요로 CSS 속성을 사용합니다. 모든 프로젝트를 시작 부분에 포함 시키십시오.

+2

이 내가 HTML5의 기능이 차이가 정확히 무엇인지 궁금 여전히 http://getbootstrap.com/css/#overview-doctype – zmanc

+0

부트 스트랩 3 사실이다. 어떤 생각? – keithjgrant

+0

감사! 한동안 나를 괴롭혔다. – ZiGiUs

관련 문제