Bootstrap Glyphicons and style scoped

-1

Я делаю веб-приложение с помощью AngularJS и x-editable. У меня есть огромный внешний файл CSS, который я должен использовать и не могу изменить. X-editable использует Bootstrap, поэтому необходимо также импортировать стили Bootstrap.Bootstrap Glyphicons and style scoped

Когда я импортировал стили 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>

источник

2015-07-09 tuulik

У нас нет способа узнать, в чем проблема. например, каким образом ваша страница сломалась? Что в вашем пользовательском CSS? Почему не работают глификоны? – DavidG

Включили ли вы в свой проект шрифты 'glyphicons-hallings-regular'? –

По какой-то причине я думал, что импорт CSS в Интернете также будет использовать шрифты в облаке. Вероятно, это проблема с расположением шрифтов на моем сервере. – tuulik

Вы используете HTML макетов из http://getbootstrap.com ??? Если это так, то они изменили версию до версии 3.3.5, чтобы исправить ошибки. Без вашего html я не могу быть уверен в этом на 100%.

источник

2015-07-09 08:33:49 Mateutek

Bootstrap Glyphicons and style scoped

ответ

Смежные вопросы