我正在使用ui.bootstrap警报向用户显示消息。但是,关闭按钮不会显示。我正专门在DNN中开发一个asp.Net应用程序环境。这是我能想到的唯一可能导致问题的原因。
我已经研究了以下试图找到修复的文章:
Close button not appearing for Bootstrap alert
https://www.tutorialspoint.com/bootstrap/bootstrap_alerts.htm
我已尝试手动提供按钮的代码,但这并不能解决问题。
我的代码:
<!-- START alerts -->
<div class="col-md-12">
<div class="alert alert-dismissible" uib-alert ng-repeat="alert in $ctrl.alerts track by $index" ng-class="'alert-' + (alert.type || 'warning')" close="$ctrl.closeAlert($index);" dismiss-on-timeout="5000">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
×
</button>
{{ alert.msg }}
</div>
</div>
<!-- END alerts -->
显示消息并且警报可以取消,并且在5秒后将作为解决方法自行解除。
我在开发者控制台中看到的是它试图提取一个不存在的png文件。我甚至不知道为什么它会认为这个文件会存在,因为官方的bootstrap示例并没有显示我在我的环境中看到的完全相同的CSS。
// path it's looking for: WEBSITE/Portals/_default/Skins/MyTheme/assets/img/remove-icon-small.png
background-image: url(../img/remove-icon-small.png) !important;
关于我还能尝试什么的任何想法?提前谢谢。
更新:将丢失的png文件添加到找到它的位置仍然不会显示图标。