使用 ui-bootstrap 显示在右上角的警报，使用 Angularjs 进行引导

Posted 2023-03-06

【中文标题】使用 ui-bootstrap 显示在右上角的警报，使用 Angularjs 进行引导

【英文标题】：Alert to appear on right top corner using ui-bootstrap, bootstrap with Angularjs

【发布时间】：2014-12-01 10:20:38

【问题描述】：

我希望我的提醒显示在右上角。我将如何使用引导程序来做到这一点？目前我的 html 看起来像这样。

  <div class="notification">
        <alert ng-repeat="alert in alerts" type="alert.type"  close="alert.close()">alert.msg</alert>
      </div>

我将 ui-bootstrap 用于 angular 和 twitter。

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/CSS/position

感谢链接，学习css

【参考方案1】：

对于像我这样的人:)

 .notification
      position: fixed;
      top: 10em;
      right: 10em;