我正在使用AngularJS和x-editable创建一个Web应用程序。我有一个巨大的外部CSS文件,我必须使用,无法修改。 X-editable使用Bootstrap,因此也需要导入Bootstrap样式。
当我正常导入Bootstrap样式时,我的页面布局已破坏,但Glyphicon图标工作正常。
当我使用样式范围属性时,我的页面布局很好,但Glyphicon图标不起作用。我想知道是什么原因造成的。
这是我想要使用Bootstrap样式的部分:
<div id="infoMsg" ng-controller="InfoMsgCtrl">
<style scoped>
@import "//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css";
</style>
<a href="#" editable-textarea="infoMsg" e-rows="7" e-cols="40">
<pre>{{ infoMsg || 'empty' }}</pre>
</a>
</div>