Неправильный рендеринг раскрывающегося списка Bootstrap в Meteor.js/Iron

Я пытаюсь создать выпадающее меню с помощью Bootstrap в проекте Meteor.js/Iron. По какой-то причине второй экземпляр class="dropdown-header" отображается за пределами выпадающего меню.

Вот картинка: Нажмите на меня

Тот же код отлично работает и правильно отображается при независимом запуске.

У кого-нибудь еще были такие проблемы? Использование Bootstrap 3.3.5 и Meteor 1.2

        <ul class="dropdown-menu">                 
            <li class="dropdown-header">Header</li>
            <li>
                <div class="col-sm-12">
                    <div class="btn-group" role="group">
                        <button class="btn btn-primary">Add</button>
                        <button class="btn btn-success">Edit</button>
                    </div>
                </div>
            </li>
            <li class="dropdown-header">Why am I here???????</li>
            <li>
                <div class="col-sm-12">
                    <div class="btn-group" role="group">
                        <button class="btn btn-primary">Add</button>
                        <button class="btn btn-success">Edit</button>
                    </div>
                </div>
            </li>
        </ul>

html twitter-bootstrap meteor iron
person T-101    schedule 29.01.2016    source источник
comment
Разве оба выпадающих меню не должны быть в своих открытых и закрытых тегах <ul>?   -  person yardie    schedule 29.01.2016
comment
Желаемый результат - иметь наборы кнопок бота в одном меню   -  person T-101    schedule 29.01.2016

Ответы (1)


arrow_upward
1
arrow_downward

Попробуйте создать еще один ul для второго раскрывающегося списка:

<ul class="dropdown-menu">                 
    <li class="dropdown-header">Header</li>
    <li>
        <div class="col-sm-12">
            <div class="btn-group" role="group">
                <button class="btn btn-primary">Add</button>
                <button class="btn btn-success">Edit</button>
            </div>
        </div>
    </li>
  </ul>
 <ul class="dropdown-menu">                 
    <li class="dropdown-header">Why am I here???????</li>
    <li>
        <div class="col-sm-12">
            <div class="btn-group" role="group">
                <button class="btn btn-primary">Add</button>
                <button class="btn btn-success">Edit</button>
            </div>
        </div>
    </li>
  </ul>
person Henrique Mulatieri Dias    schedule 29.01.2016
comment
Желаемый результат - иметь наборы кнопок бота в одном меню - person T-101; 29.01.2016