2013-02-14 39 views
9

Tôi đang gặp lỗi lạ thường! Tôi đang sử dụng dòng mã bởi dòng từ trang thành phần khởi động twitter cho thả xuống và tôi không nhận được kết quả tương tự. Dưới đây là những gì thả xuống của tôi là như thế nào.Các nút thả xuống phân tách không cùng kích thước

enter image description here

Tôi có KHÔNG overriden bất kỳ bootstrap css. Tôi thậm chí loại bỏ tất cả các bảng định kiểu và sử dụng JUST nút và tôi vẫn nhận được kết quả tương tự.

PS: Tôi đang sử dụng đường ray sẽ-paginate-bootstrap plugin..which tôi giả sử có tất cả các file bootstrap cần thiết

Dưới đây là đầu ra HTML của tôi

<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> 

Trả lời

24

Tôi khá chắc chắn rằng bạn không sử dụng tài liệu HTML5 (<!DOCTYPE html>).

Từ Bootstrap's documentation:

Bootstrap tận dụng các phần tử HTML nào đó và các thuộc tính CSS mà đòi hỏi việc sử dụng các loại tài liệu HTML5. Bao gồm nó ở đầu tất cả các dự án của bạn.

+2

Điều này vẫn đúng trong bootstrap 3 http://getbootstrap.com/css/#overview-doctype – zmanc

+0

Tôi tò mò chính xác tính năng của html5 tạo nên sự khác biệt này. Bất kỳ ý tưởng? – keithjgrant

+0

Cảm ơn! Nó đã được bugging cho tôi một thời gian. – ZiGiUs

Các vấn đề liên quan