如何根据需要更改此Bootstrap以使用Joomla？

我想要创建这个引导菜单，并将用于我们网站上的许多节目，以便在右侧显示带有社交和信息链接的简单导航菜单。但我无法弄清代码。我不知道是否有人能帮助我们的代码，并改变它，所以它采用了导航的选项卡，而不是正常的导航&看上去干净而不是灰色块是在目前的......如何根据需要更改此Bootstrap以使用Joomla？

<div class="navbar"> 
<div class="navbar-inner"> 
<div class="container"> 
    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
    </a> 
    <a class="brand" href="#">Name Of Show</a> 
    <div class="nav-collapse"> 
    <ul class="nav"> 
     <li><a href="#">Cast</a></li> 
     <li><a href="#">Episodes</a></li> 
     </ul> 
     </li> 
    </ul>  
     <ul class="nav pull-right"> 
<div class="btn-group"> 
<a class="btn btn-default" style="color:#3b5998;margin-top:-2px;" href="#"> 
<i class="fa fa-facebook fa-2x" title="Facebook"></i> 
</a> 
<a class="btn btn-default" style="color:#00aced;margin-top:-2px;"  href="#"> 
<i class="fa fa-twitter fa-2x" title="Twitter"></i> 
</a> 
<button type="button" style="height:39px;margin-top:-2px;" class="btn btn-inverse">TV-14</button> 
<button type="button" style="height:39px;margin-top:-2px;" class="btn btn-default disabled">1 Season | HD | 2011</button> 
</div> 
</ul> 
    </div><!-- /.nav-collapse --> 
</div> 
</div><!-- /navbar-inner --> 
</div>

谢谢提前给任何帮助我的人。我一直坚持了几天......

来源

2016-05-18 Aaron M. Bielert