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

Question

我对 Twitter Bootstrap 有疑问。我创建了一个简单的下拉菜单，但是当我在 chrome 检查器中检查代码时，我看到类 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使用您的代码进行 Bootstrap ，没有任何反应。您可能想检查您的 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>