【问题标题】:angularjs button in bootstrap navigation bar引导导航栏中的 angularjs 按钮
【发布时间】:2016-03-13 17:32:10
【问题描述】:

我真的很喜欢 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>

输入&lt;button ng-click="Home()"&gt;Home&lt;/button&gt; 只是在导航栏的右上方放置一个不同样式和大小的按钮。

不胜感激。

【问题讨论】:

标签: html angularjs twitter-bootstrap


【解决方案1】:

试试这个可能会有所帮助:

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

【讨论】:

  • 这是使用 angular-ui.github.io/bootstrap 并且与常规 html 按钮的样式不同:/
  • 在我的 bootstrap.css 文件中更改 css 可以解决问题 .btn-lg, .btn-group-lg > .btn { color: #777;背景颜色:#f8f8f8;填充:10px 16px;字体大小:17px;行高:1.5;边框半径:3px; }
猜你喜欢
相关资源
最近更新 更多
热门标签