2015-07-20 3 views
0

Я использую бутстрап, и когда я создаю кнопку с раскрывающимся списком, он неправильно помещает стрелку.Разделение выпадающего списка вопроса

Приведенное ниже образцовое изображение.

http://postimg.org/image/5ccnnfwsl/

Я использую код

<div class="btn-group"> 
    <button type="button" class="btn btn-danger">Action</button> 
    <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    <span class="caret"></span> 
    <span class="sr-only">Toggle Dropdown</span> 
    </button> 
    <ul class="dropdown-menu"> 
    <li><a href="#">Action</a></li> 
    <li><a href="#">Another action</a></li> 
    <li><a href="#">Something else here</a></li> 
    <li role="separator" class="divider"></li> 
    <li><a href="#">Separated link</a></li> 
    </ul> 
</div>   
+1

Выглядит хорошо для меня [скрипка] (https://jsfiddle.net/3hu51gg3/). Вы изменили свойство отображения любой сборки бутстрапов в классах? – DavidDomain

+0

Похоже, вы используете 'display: flex' на одном из этих классов' .btn-group .btn'. – DavidDomain

+0

Здравствуйте, David, Я не изменял ни один из файлов начальной загрузки, я использую «sb-admin-2» и пользовательский css там не эти классы, поэтому я не знаю, где может быть проблема, я также обновил bootstrap root file other и ошибка остается. –

ответ

1

Проблема была, что я имел не установить <! DOCTYPE html>. Кто-нибудь знает, почему без этого тега он просто сломал этот элемент?

+0

Здравствуйте, спасибо всем, но проблема в том, что я не установил , кто-нибудь знает, почему без этого тега он просто сломал этот элемент? –

0

Одной из причин этого может быть line-height свойство для dropdown-toggle класса быть установлен в 0.

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