bootstrap modal 点击按钮modal无反应不弹出

参照Bootstrap官网的文档学习使用Modal,要命的是一模一样的代码，本地运行就是弹不出Modal。查了好多资料，大概总结出这么几点，如果你也遇到跟我一样的情况，希望能帮到你。

原因一：JS引入的顺序问题

bootstrap是依赖jquery写的扩展，使用bootstrap，必须要先引入juqery。

	<script src="/static/js/jquery.min.js" ></script>
    <script src="/static/js/bootstrap.min.js" ></script>
    <link href="/static/css/bootstrap.min.css" rel="stylesheet" >

（仔仔细细检查了自己代码的引入，可惜不是顺序问题导致的，哎……）

原因二：bootstrap的版本问题

有可能是你的bootstrap版本太低啦，尝试换一个新的版本吧。╮(╯▽╰)╭（打开bootstrap.min.js开头就可以看到版本哦~）
原来用的版本是：

现在换成了：

**可是！！！！**就是这样我的Modal仍木有弹出来，此刻内心也是十分崩溃的。
**但是！！！**或许你可以尝试将官网例子的data-bs-toggle 和 data-bs-target 两个属性替换成 data-toggle 和 data-target，没错就是去掉中间的bs。

到这里我的问题就解决了，但是还是没能理解中间bs的含义，等后面理解了再来解释给你们听吧。

###记录一个弹Modal的小技巧(前提bootstrap版本也不能低哦)
1.将button的data-bs-toggle 和 data-bs-target 两个属性删掉，添加onclick属性。

<!-- Button trigger modal -->
	<button type="button" class="btn btn-primary" onclick="modalShow()">
	  Launch demo modal
	</button>

	<!-- Modal -->
	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog" role="document">
		<div class="modal-content">
		  <div class="modal-header">
			<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			  <span aria-hidden="true">&times;</span>
			</button>
		  </div>
		  <div class="modal-body">
			...
		  </div>
		  <div class="modal-footer">
			<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
			<button type="button" class="btn btn-primary">Save changes</button>
		  </div>
		</div>
	  </div>
	</div>

2.添加js代码：

<script type="text/javascript">
	function modalShow(){ 	
		$('#exampleModal').modal('show');
	}
</script>