Я должен признать, что я новичок в начальной загрузке 4, потому что в моем старом проекте использовалась только версия 3.3, которая не использует систему сетки flexblox.
Сейчас запускаю новый проект, и я застрял в этой проблеме:
Я просто не могу задать стиль CSS "text-align" для элемента col-12 с собственным классом начальной загрузки .text-right
Я попытался вручную установить style = "'text-align: right! Important'" в HTML-теге, и это сработало!
Я даже пытался использовать p вместо написания текста непосредственно в теге html div-col, но это элемент блока.
Вот код:
<app-footer>
<div class="container">
<div class="row">
<div class="col-12 text-right">
I - Team - Pc System 2019 ©
</div>
</div>
</div>
</app-footer>
Я ожидал увидеть текст нижнего колонтитула справа от столбца, но
это результат:
консольный анализ этого HTML-элемента:
Ты хоть представляешь себе проблему?
Я просто хочу не применять стилизацию к элементу HTML, но сделать нативный
класс начальной загрузки работает правильно!
Заранее спасибо.
EDIT:
Как вы и сказали в комментариях, возможно, это проблема конфигурации начальной загрузки в моем проекте.
В package.json у меня есть bootstrap: "^ 4.2.1" в качестве зависимости.
Тогда в angular.json мы имеем это:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap-reboot.css",
"node_modules/bootstrap/dist/css/bootstrap-grid.css",
[...]
"src/dx-styles.scss",
"src/styles.scss"
],
Этот проект взят из шаблонного углового проекта и, возможно, конфигурация сейчас верна.
Заранее спасибо