ナビゲーションメニューのテキストを変更するには

Question

このテンプレートで作成されたウェブのセクションのメニューテキストを変更しようとしています： メインメニューの下に表示されるメニューです。 このメニューは、ページを構成するさまざまなセクションのタイトルで作成されています。私は（私はないんだけど、このメニューはいくつかのjsによって生成されていることを、私が見たものから、想像

<div class="listing-detail-menu-wrapper"> 
    <div class="listing-detail-menu"> 
    <div class="container"> 
     <ul class="nav nav-pills"></ul> 
    </div> 
    </div> 
</div> 

：テンプレートのコードでは、このメニューの開発はちょうどこれを入れて、表示されません

誰もがこのメニューのテキストをどのように変更できますか、これは必ずしもセクションのタイトルではありませんか？

Answer 1

独自のクラスを作成して、メニューの中でunorderリストを作成し、CSSを使用してulを配置します。クラス名はBootstrapだと思うので、単純なhtmlでは動作しません。

Answer 2

JQueryコードを実行してページロード時にメニュータイトルを変更できます。あなたはメニューの数が固定されているので、各メニューのtitleを変更することができます。

$(document).ready(function(){ 
 
    var allMenus = $('.nav.nav-pills').find('li'); 
 
    $(allMenus[0]).find('a').text('Home'); 
 
    $(allMenus[1]).find('a').text('Contact me'); 
 
    $(allMenus[2]).find('a').text('About Us'); 
 
    $(allMenus[3]).find('a').text('Login'); 
 
    
 
})

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<div class="container"> 
 
    <h3>Pills</h3> 
 
    <ul class="nav nav-pills"> 
 
     <li class="active"><a href="#">Home</a></li> 
 
     <li><a href="#">Menu 1</a></li> 
 
     <li><a href="#">Menu 2</a></li> 
 
     <li><a href="#">Menu 3</a></li> 
 
    </ul> 
 
    </div>

Answer 3

これは秘密です！

.notext:before { 
 
    content: "I have a text"; 
 
}

<div class="notext"></div>