Bootstrap将nav和nav-pills添加到我的下拉列表中

Question

我的Twitter Bootstrap有问题。 我创建了一个简单的下拉菜单，但是当我在chrome inspector中检查代码时，我看到将nav nav-pills类添加到<ul class="dropdown-menu pull-right">元素中。

我如何删除这些类？

<div class="btn-group">
    <a class="btn btn-circle btn-default " href="javascript:;" data-toggle="dropdown" aria-expanded="false">
        <i class="fa fa-pencil-square-o"></i> Action
        <i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
        <li>
            <a id="saveButton" href="javascript:;">
                <i class="fa fa-save"></i> Save </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="fa fa-paste"></i> Save as </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="fa fa-trash-o"></i> Delete </a>
        </li>
    </ul>
</div>

Answer 1

在这里，您有一个使用代码的带有引导程序的jsfiddle ，没有任何反应。 您可能想检查JavaScript代码和事件监听器，因为您可能会自己添加带有JavaScript代码的这些类。

<div class="btn-group">
    <a class="btn btn-circle btn-default " href="javascript:;" data-toggle="dropdown" aria-expanded="false">
        <i class="fa fa-pencil-square-o"></i> Action
        <i class="fa fa-angle-down"></i>
    </a>
    <ul class="dropdown-menu pull-right">
        <li>
            <a id="saveButton" href="javascript:;">
                <i class="fa fa-save"></i> Save </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="fa fa-paste"></i> Save as </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="fa fa-trash-o"></i> Delete </a>
        </li>
    </ul>
</div>