Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 使用特定模板时向引导菜单添加下拉菜单_Twitter Bootstrap - Fatal编程技术网

Twitter bootstrap 使用特定模板时向引导菜单添加下拉菜单

Twitter bootstrap 使用特定模板时向引导菜单添加下拉菜单,twitter-bootstrap,Twitter Bootstrap,我使用了一个名为ruma的模板,它使用了bootstrap,我只使用了模板中的导航栏,并尝试了各种添加导航栏的方法。这里的其他问题似乎都不能回答我的需要 您好,您需要做的是在列表元素中添加一类下拉列表,您可以这样做 <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<i class="fa fa

我使用了一个名为ruma的模板,它使用了bootstrap,我只使用了模板中的导航栏,并尝试了各种添加导航栏的方法。这里的其他问题似乎都不能回答我的需要


您好,您需要做的是在列表元素中添加一类下拉列表,您可以这样做

  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<i class="fa fa-angle-down"></i></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Dropdown Link</a></li>
                        <li><a href="#">Dropdown Link</a></li>
                        <li><a href="#">Dropdown Link</a></li>
                    </ul>
                </li>
如果您前往,您将看到导航栏中下拉菜单的完整默认代码示例。请参阅下面的示例代码段

<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">DROPDOWN <span class="caret"></span></a>

    <ul class="dropdown-menu">
        <li><a href="#">Action</a>

        </li>
        <li><a href="#">Another action</a>

        </li>
        <li><a href="#">Something else here</a>

        </li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Separated link</a>

        </li>
        <li role="separator" class="divider"></li>
        <li><a href="#">One more separated link</a>

        </li>
    </ul>
</li>