简体   繁体   English

Bootstrap下拉列表右对齐失败

[英]Bootstrap dropdown align right fail

I have tried to allign my dropdown to the right part of navbar but failed, I have tried a lot of way to do it, in all ways I have failed. 我曾尝试将下拉菜单扩展到导航栏的右侧,但失败了,但我尝试了很多方法来完成,但我失败了。 If there is any way to fix this someone help me please, thanks in advance. 如果有任何方法可以解决此问题,请有人帮助我,谢谢。

<?php
$curdir = getcwd ();
chdir('/forum');
require_once('/global.php');
chdir ($curdir);
$username=$vbulletin->userinfo['username'];
?>
<div class="navbar-wrapper">
     <div class="container">
        <div class="navbar navbar-inverse">
          <div class="navbar-inner">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="brand" href="/index.php"></p>Name</p></a>
            <div class="nav-collapse collapse">
              <ul class="nav">
              <li>
                                <a href='/index.php'><img src="/home.png" height="25" width="25"> Home</b></a>
                            </li>

                            <li>
                                <a href='/forum'><img src="/forum.png"> Forum</a>
                            </li>
                             <li class='dropdown'>
                                <a href='#' class='dropdown-toggle' data-toggle='dropdown'><img src="P.png"> Players<b class='caret'></b>

                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="action.php"><img src="/action.php"> Action</a>
                                    </li>                                 
                                </ul>
                            </li>
                            <?php if ($vbulletin->userinfo['usergroupid'] == '1' )
                            echo "
                            <li class='dropdown'>
                                <a href='#' class='dropdown-toggle' data-toggle='dropdown'><i class='icon-user icon-white'></i> Welcome Guest<b class='caret'></b>
                                </a>
                                <ul class='dropdown-menu'>
                                    <li>
                                        <a href='#'><img src='/img/connectserver.png'> Action</a>
                                    </li>
                                    <li>
                                        <a href='/login.php'><i class='icon-ban-circle'></i> Login</a>
                                    </li>
                                    <li>
                                        <a href='register.php'><i class='icon-ok'></i> Register</a>
                                    </li>
                                </li>
                                </ul>
                                </ul>
                            </li>";?>
                            <?if ($vbulletin->userinfo['usergroupid'] != '1' )
                            echo "
                        </li>
                            <li class='dropdown'>
                                <a href='#' class='dropdown-toggle class='nav pull-right' data-toggle='dropdown'><img src='/img/connectserver.png'></i> Welcome <font color='red'>$username</font><b class='caret'></b>
                                </a>
                                <ul class='dropdown-menu'>
                                    <li>
                                        <a href='#'><img src='/img/connect.png' height='19' width='19'> Connect to server</a>
                                    </li>
                                    <!-- <li>
                                        <a href='#'><img src='/log-out.png' height='19'  width='19'> Log out</a>

                                    </li>  -->  
                                </li>
                                </ul>
                            </li></p>";?>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

The html looks invalid. html无效。 I cannot see all your code but it seems you have a closing li tag after your closing ul tag inside ap tag? 我看不到您的所有代码,但似乎在ap标签内的ul标签后有一个li标签? li's can only be inside ul or ol tags. li只能在ul或ol标签内。 Make sure the html is correct and the try again! 确保html正确,然后重试! Hope this helps! 希望这可以帮助!

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM