Angular中引入Bootstrap部分樣式失效以及Jquery的$無法識別


大多數同學在模仿慕課網的時候可能會遇到引入bootstrap和jquery樣式部分失效以及$符號報錯,這里為大家提供正確的解決方案。

可能大家在引入試過col-md之后覺得bootstrap是ok的,其實這個navbar-inverse不顯示黑色的問題在於bootstrap3.0和4.0之間的更新,

屬性發生了改變。

錯誤案例:

 

本來該變成黑色的導航條卻還是白色。

 

解決方案:

1.

修改navbar-inverse為navbar-dark bg-dark

2.

或者在組件html頁面直接引用如下bootstrap3,順便把之前配置的style和script里面的導入刪除

<!-- <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
 
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
 
<script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
 
<script src="https://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> -->

 

關於Jquery中$無法識別是因為沒有在ts中聲明

解決方案

1:

之后就ok了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM