2016-12-30 5 views
0

NAVBARの右側に簡単なメニューリンクを追加します。
拡大鏡の検索アイコンのすぐ隣にあります。
基本的に私は寄付リンクメニューを置く必要があります。
ご協力いただきありがとうございます。メニューの右端にメニューリンクを追加するには

これは、ウェブサイトである:www.clihelp.org

は、これは私のナビゲーションバーのメニューコードです。より多くのコードが必要な場合はお知らせください。

<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>

+0

これはphp' 'とは何の関係もありません。 'html'を使うことについての質問です... – arkascha

答えて

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> 
        </ul> 
       </div> 
      </nav> 
     </div> 
    </div> 
</div> 
+0

するかしないか。 「試行」はありません。 ***良い答え***は、何が行われたのか、それがなぜOPのためだけでなく、将来の訪問者のためにそうした方法で行われたのかについての説明を常に持っています。 –

+0

@JayBlanchard:はい、あなたは正しいです!説明はすでに問題になっていました。答えで説明する必要はあまりありません...とにかくこれを将来のために留めておきます。 –

+0

@prakashtankありがとうございます。完了しました。 –

0

変更あなたのhtml:

<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> 
+0

A ***良い答え***は何が行われたのか、なぜそれがOPのためだけでなく将来の訪問者のためにこのように行われたのかの説明を持っていますSOに。 –

関連する問題