Bootstrap将导航和导航丸添加到我的下拉列表中

时间:2016-08-24 13:05:23

标签: javascript jquery html css twitter-bootstrap

我有一个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>

1 个答案:

答案 0 :(得分:0)

这里你有一个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>