Bootstrap象形符号和样式范围

Bootstrap Glyphicons and style scoped

本文关键字：样式 范围 符号 Bootstrap      更新时间：2023-09-26

我正在使用AngularJS和x-edit制作一个web应用程序。我有一个巨大的外部CSS文件，我必须使用，不能修改。X-editable使用Bootstrap，所以Bootstrap样式也需要导入。

当我正常导入Bootstrap样式时，我的页面布局崩溃了，但Glyphicon图标工作得很好。

当我使用style scope属性时，我的页面布局很好，但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>

您使用的html布局来自http://getbootstrap.com ??如果是这样，他们将版本更改为3.3.5，更新应该可以修复您的错误。没有你的html，我不能100%确定这一点。

相关文章：