Bootstrap 轮播图组件

遇到问题：

1. bootstrap组件与其它网页css发生冲突、覆盖
2. bootstrap轮播图组件和其它网页导航代码进行合并后样式丢失，代码太多还没找出冲突代码，先尝试对样式进行修改

已解决：
bootstrap 轮播图组件中小圆点更改为方块

从bootstrap v4案例官网获取的轮播图组件源代码后需要自定义修改样式，
在carousel.css文件中添加按键样式

.test2 .active{
  width: 30px;
  height: 5px;
  border: 1px solid transparent;
  background-color: #f3f3f3;
  border-radius: 2px;
}
.test2 li{
  width: 30px;
  height: 5px;
  border: 1px solid transparent;
  background-color: #195579;
  border-radius: 2px;
}```