关闭按钮不会显示在ui.bootstrap警报中

时间:2018-02-12 20:19:18

标签: css angularjs twitter-bootstrap angular-ui-bootstrap metronic

我正在使用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">
                    &times;
                </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文件添加到找到它的位置仍然不会显示图标。

0 个答案:

没有答案