2013-02-14 3 views
9

У меня самая странная ошибка! Я использую код по строкам из страницы компонентов Twitter-загрузки для раскрывающегося списка, и я не получаю одинаковых результатов. Вот как выглядит мое падение.Разделение выпадающих кнопок не того же размера

enter image description here

Я имею НЕ перекрываться любой начальной загрузки CSS. Я даже удалил ВСЕ стили и использовал JUST кнопку, и я все равно получаю тот же результат.

PS: Я использую рельсы будет-постраничной-самозагрузки plugin..which Я предполагаю, что есть все необходимые файлы начальной загрузки

Вот мой HTML выход

<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

Я уверен, что вы 'не использовать HTML-тип документа (<!DOCTYPE html>).

От Bootstrap's documentation:

Bootstrap использует некоторые HTML элементов и свойств CSS, которые требуют использования DOCTYPE HTML5. Включите его в начале всех ваших проектов.

+2

Это все еще верно в загрузке 3 http://getbootstrap.com/css/#overview-doctype – zmanc

+0

Мне любопытно, какая именно особенность html5 делает это различие. Есть идеи? – keithjgrant

+0

Спасибо! Меня это раздражало. – ZiGiUs

Смежные вопросы