html - 我如何更改此 Bootstrap 以按照我需要的方式在 Joomla 上工作？

Question

我想要我正在创建的这个 Bootstrap 菜单，并将用于我们网站上的许多节目，作为一个普通的导航选项卡菜单，右侧有社交和信息链接。但我无法弄清楚代码。我想知道是否有人可以帮助我们处理代码并更改它，以便它使用导航选项卡而不是正常的导航并且看起来很干净而不是当前的灰色 block ...

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

提前感谢任何帮助我的人。我已经被困了好几天了...

Answer 1

使用 Protostar 模板(Joomla 中的默认模板之一!)，您可以使用导航标签而不是导航丸或其他 Bootstrap 类打开管理面板 > 模块 > 菜单 > 高级 > 菜单类后缀；在该字段内，在空格后简单地写下导航标签。

如果您想要替换菜单的整个 HTML 代码，您必须构建一个新的 Joomla!模块或尝试在此处修改 php 文件:joomla root/modules/mod_menu/tmpl