想要实现点击小图弹出大图的效果现在被广泛使用的是js技术或者使用jQuery插件，但是有的时候处于特殊需要，并不需要太多花俏的东西，只需要实现点击弹出大图这个功能就可以了。
由于bootstrap没有现成的插件可以直接使用，但是通过简单的整理还是可以实现的，而且方法比较简单，最终是效果如下。点击小图弹出大图，点击弹出的大图变暗背景的任何地方弹出框会自动关闭，也点击大图右上角的关闭按钮关闭，真实非常强大。
bootstrap点击小图弹出大图效果上图使用的bootstrap4.4版本制作出来，在bootstrap3x版本同样也可以实现，思路和方法完全一样。
想要实现点击弹出大图效果，在bootstrap中有一个叫做modal的东西，使用过的人应该不会陌生，主要用作用户注册登录和填写评论等功能上，不用刷新网页，直接在当前页面上点击按钮即可弹出一个窗口，是一个非常友好的设计。
使用bootstrap的modal这个功能主要原因是不想在页面上引入太多的js代码，其实也有很多的这类看图jQuery插件，不过需要的功能比较简单，杀鸡就不用牛了；其次是网站使用bootstrap来做的自适应网页，无需再考虑其他浏览器的兼容性问题。
我要实现的功能是点击我网页上的百家号