如何將菜單鏈接添加到菜單的最右側

Question

我想向我的NAVBAR的右側添加一個簡單的菜單鏈接。
緊靠放大鏡搜索圖標。
基本上我需要把一個捐贈鏈接菜單。
非常感謝您的幫助。

這是網站：www.clihelp.org

這是我的導航條菜單代碼。如果您需要更多代碼，請讓我知道。

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-12"> 
      <nav class="navbar navbar-default" role="navigation"> 
       <div class="navbar-header"> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
         <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> 
        </button> <a class="navbar-brand" href="<?php echo $config['serv_url'];?>">clihelp <sup>beta</sup></a> 
       </div> 
       <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
        <?php 
        $Show->show_navbar_menu(); 
        ?> 
        <ul class="nav navbar-nav navbar-right"> 
         <form class="navbar-form navbar-left" role="search" method="POST" action="<?= $config['serv_url'];?>"> 
          <div class="input-group"> 
           <div class="input-group-btn search-panel"> 
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
             <span id="search_concept">Filter by</span> <span class="caret"></span> 
            </button> 
            <?php 
            $Show->filter_menu(); 
            ?> 
           </div> 
           <input type="hidden" name="search_param" value="all" id="search_param"> 
           <input type="hidden" name="os_id" >   
           <input type="text" class="form-control" name="q" placeholder="Search term..."> 
           <span class="input-group-btn" id="search-wrapper"> 
            <button class="btn btn-default" type="submit" id="search-button" disabled><span class="glyphicon glyphicon-search"></span></button> 
           </span> 
          </div> 
         </form> 
        </ul> 
       </div> 
      </nav> 
     </div> 
    </div> 
</div> 

Answer 1

試試這個：

<div class="container-fluid"> 
<div class="row"> 
<div class="col-md-12"> 
<nav class="navbar navbar-default" role="navigation"> 
<div class="navbar-header"> 
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> 
</button> <a class="navbar-brand" href="<?php echo $config['serv_url'];?>">clihelp <sup>beta</sup></a> 
</div> 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
<?php 
$Show->show_navbar_menu(); 
?> 
<ul class="nav navbar-nav navbar-right"> 
<form class="navbar-form navbar-left" role="search" method="POST" action="<?= $config['serv_url'];?>"> 
<div class="input-group"> 
<div class="input-group-btn search-panel"> 
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
<span id="search_concept">Filter by</span> <span class="caret"></span> 
</button> 
<?php 
$Show->filter_menu(); 
?> 
</div> 
<input type="hidden" name="search_param" value="all" id="search_param"> 
<input type="hidden" name="os_id" >   
<input type="text" class="form-control" name="q" placeholder="Search term..."> 
<span class="input-group-btn" id="search-wrapper"> 
<button class="btn btn-default" type="submit" id="search-button" disabled><span class="glyphicon glyphicon-search"></span></button> 
</span> 
</div> 
</form> 
<li><a href="http://www.google.com">Link</a></li> 
</ul> 
</div> 
</nav> 
</div> 
</div> 
</div> 

Answer 2

改變你的HTML

<ul class="nav navbar-nav navbar-right"> 
 
    <li> 
 
<form class="navbar-form navbar-left" role="search" method="POST" action="<?= $config['serv_url'];?>"> 
 
<div class="input-group"> 
 
<div class="input-group-btn search-panel"> 
 
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
 
<span id="search_concept">Filter by</span> <span class="caret"></span> 
 
</button> 
 
<?php 
 
$Show->filter_menu(); 
 
?> 
 
</div> 
 
<input type="hidden" name="search_param" value="all" id="search_param"> 
 
<input type="hidden" name="os_id" >   
 
<input type="text" class="form-control" name="q" placeholder="Search term..."> 
 
<span class="input-group-btn" id="search-wrapper"> 
 
<button class="btn btn-default" type="submit" id="search-button" disabled><span class="glyphicon glyphicon-search"></span></button> 
 
</span> 
 
</div> 
 
</form> 
 
    </li> 
 
    <li><a href="#">Donate Link</a></li> 
 
</ul>