将下拉引导程序v2更新到v4

时间:2018-07-12 12:32:26

标签: bootstrap-4 dropdown twitter-bootstrap-2

我在尝试将一些代码从引导程序v2更新到引导程序v4时遇到问题。这是关于下拉菜单。

以下是v2中的工作方式:

<div class="navbar navbar-static-top">
    <div class="navbar-inner">
        <div class="pull-right">
             <ul class="nav">
                <li> <a href="<?php echo URL; ?>" target="_blank"><i class="icon-globe"></i><span class="hidden-tablet hidden-phone"> The website</span></a> </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i><span class="hidden-tablet hidden-phone"> <?php echo AviaAuth::getInstance()->getLogin(); ?> </span><b class="caret hidden-phone"></b></a>
                    <ul class="dropdown-menu pull-right">
                        <li><a href="#">Profile</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Disconnect</a></li>
                    </ul>
                </li>
             </ul>
        </div>
    </div>
</div>

我试图进行一些修改以使其在V4上正常工作。但是什么都行不通。

这就是我现在拥有的

<div class="navbar navbar-static-top">
    <div class="navbar-inner">
        <div class="float-right">
             <ul class="nav">
                <li> <a href="<?php echo URL; ?>" target="_blank"><i class="fas fa-globe"></i><span class="d-xs-none"> Le site</span></a> </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="far fa-user"></i><span class="d-xs-none"> <?php echo AviaAuth::getInstance()->getLogin(); ?> </span><b class="d-xs-none"></b></a>
                    <ul class="dropdown-menu float-right">
                        <li class="dropdown-item"><a href="#">Profile</a></li>
                        <li class="divider"></li>
                        <li class="dropdown-item"><a href="#">Disconnect</a></li>
                    </ul>
                </li>
             </ul>
        </div>
    </div>
</div>

谢谢;我找不到文档,这有什么问题。

0 个答案:

没有答案