在html中引入bootstrap后，导致原来的css布局混乱的解决方法

项目场景：

完善网页代码

---

问题描述：

html中引入bootstrap后，导致原来的css布局混乱的问题

 

---

原因分析：

 

是因为bootstrap的css样式和原来的样式冲突了

解决方案：

先在浏览器中打开项目，然后打开浏览器的控制台的styles窗口

观察现在的网页和原来的网页最开始的不同的地方，可以看到最开始不同的就是这个地方

用小指针选中这个地方，然后把这个地方的样式给一个个取消，当取消掉某个属性时，网页布局回复正常，那就是它有问题，我这里是float属性和bootstrap的某个属性冲突了，将它取消后就可以正常显示了。

去到编辑器中将这个样式给删了就没问题了。