前端读哪些源代码好呢？
不知道你是刚准备入门还是在观望，不过要跟楼主说的一点就是千万不要觉得因为前端简单而入门，后面你会发现一入前端坑似海的。
我只能说我也是初中级水平吧，并没有觉得自己很厉害。
首先，刚开始一定要打好基础，HTML和css一定要熟练，js一定要勤动手多动脑，js是有一定的逻辑思维能力的，而且很多很炫酷的效果只有你想不到和写不出来的。js虽然并不难但是要说精通还是有一定难度的，就比如，刚开始学习js都是面向过程的写法到后来就要喜欢面向对象的写法，面向对象说简单又是个很简单的东西。像js中的原型，原型链，闭包等等这些要是深入去研究的话你会发现会很有意思的，更多的时候我们只停留在表面。
其次，刚开始要多多练习，不能觉得很简单而不动手，就像我们每次去写一个js的效果，每次都可能用的方法不一样，每次思考的方式也不一样，这样才能锻炼我们的思考方式和思维，千万不要局限在里面。
jquery可能是最开始入手的一个框架，也许它都称不上是一个框架，juery也是根据js演变而来的，jquery里面很多小的功能都可以用js实现，就像我们经常用的dom操作你有没有尝试用js去实现和还原。
目前很多前端框架层出不穷，当我第一次接触angular的时候完全颠覆我的想法，以前觉得用jq很爽，dom操作也是信手拈来，反而有些不喜欢但又有它很诱人的地方。
再后来就可以去尝试react，vue，angular等。虽然刚开始可能不是很适应，但也相当于上了一层楼。我个人更倾向于看一些这类的相关教程自己做一些简单的小项目来练习和巩固。当然，最好的方法就是跟着公司一起做项目。
至于你说的bootstrap更多的是css框架，看个人喜好，用得很熟练还好，不熟就算了。
读源代码的前提我觉得起码是应该会用得溜。
可能总结的不到位，多多包涵。
我不是前端，但本科阶段学过一段时间，我把我的学习流程说下，仅供参考。
1. 学习完css，js基础后，自己实现封装一个jquery，可以实现dom查找，操作，网络通信，ajax，动画等常用功能，要注意浏览器兼容性，最低要兼容到ie8，我当时做到ie6。比较自己实现的jQuery与官方差异，用自己的jQuery替换到自己的平时写的代码中，看有无问题，并解决之。
2. 经过上面的阶段，js基础应该算是有了，这时候碰到的问题是繁琐的dom操作如何简化，数据绑定等问题，所谓的mmvm框架映入眼帘，目前我推荐学习vuejs(前端朋友推荐的)，我看了下文档，感觉挺详细的，作者是国人。(ng react)皆为外国人。
3. 前端可以说是最能折腾，最能推陈出新的领域。工程化方面的工具不胜枚举，webpack，glup等等。学习顺序不分先后，但要注意主次，你平时用的要符合企业的用人要求。
4. 前端的学到一定阶段，是需要掌握一定的后端知识的，即使你以后不从事后端。建议从nodejs为切入点，掌握后端知识，另外nodejs可谓大大丰富了前端的生态圈以及js的应用领域，题主可以留意npm中下载量大的类库，初步往深处挖掘。
暂时就是这些，希望对你有所帮助。