bootstrap导航栏

时间:2016-03-13 09:23:39

标签: html angularjs twitter-bootstrap

我非常喜欢twitter Bootstrap v3.3.6中导航栏的当前样式,我想知道如何在其中包装angularJS按钮?

<nav class="navbar navbar-default">
    <div class="container">                
      <div class="navbar-header">
    <a class="navbar-brand" href="#/"> Jenny Tech </a>
      </div>

      <ul class="nav navbar-nav navbar-right">

    <!--<button ng-click="Home()">Home</button>-->

    <li><a href="#/"><i class="fa fa-home"></i> Home</a></li>
    <li><a href="#/about"><i class="fa fa-shield"></i> About</a></li>
    <li><a href="#/contact"><i class="fa fa-comment"></i> Contact</a></li>

      </ul>
    </div>
  </nav>

放入<button ng-click="Home()">Home</button>只需在导航栏的右上角放置一个不同风格和大小的按钮。

希望得到一些帮助。

1 个答案:

答案 0 :(得分:0)

试试这可能会有所帮助:

<button type="button" class="btn btn-primary" ng-click="Home()">Home</button>