bootstrap導航欄中的angularjs按鈕

Question

我真的很喜歡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>把僅僅把按鈕是在導航欄的右上部分不同的樣式和大小。

希望對此有所幫助。

Answer 1

嘗試，這可能是它會幫助：

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