Meteor.js / Iron

Question

我正在尝试在Meteor.js / Iron项目上使用Bootstrap创建一个下拉菜单。由于某种原因，class =“dropdown-header”的第二个实例将在下拉菜单之外呈现。

这是一张照片：Click me

相同的代码可以正常工作，并在独立运行时正确呈现。

还有其他人有这样的问题吗？使用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>

Answer 1

尝试为第二个下拉列表创建另一个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>