2013-08-27 33 views
6

đây là html của tôi:Bootstrap nút thả xuống độ cao khác nhau

<div class="row-fluid"> 
    <div class="span3"> 
    <div class="btn-group"> 
     <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> 
     <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> 
     <span class="icon-caret-down"></span> 
     </a> 
     <ul class="dropdown-menu"> 
     <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li> 
     <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li> 
     <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li> 
     <li class="divider"></li> 
     <li><a href="#"><i class="i"></i> Make admin</a></li> 
     </ul> 
     </div> 
    </div> 
</div> 

Đây là một ví dụ đơn giản từ: http://fortawesome.github.io/Font-Awesome/examples/

Và trong chrome trình duyệt của tôi, đầu ra là:

tôi sử dụng FontAwesome và tôi chỉ muốn thử các biểu tượng. Xin giúp đỡ, cảm ơn bạn :)

Trả lời

21

Hãy thử thêm <!DOCTYPE html> vào đầu tệp HTML của bạn.

Theo docs:

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.

Vì vậy, quấn file HTML Bootstrap của bạn trong những điều sau đây:

<!DOCTYPE html> 
<html lang="en"> 
    ... 
</html> 
+1

cảm ơn bạn rất nhiều! Bạn đã cứu ngày của tôi – smnbbrv

+0

cảm ơn bạn rất nhiều! Bạn đã lưu tháng của tôi. Tôi sẽ không bao giờ tìm thấy điều này ... – SheepPerplexed

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