我正在开发一个基于 Laravel 框架的网站,它的 CSS 使用的是 Bootstrap。
我在 LET 论坛上讨论过Bootstrap 和 Tailwind 的区别。我觉得如果我是专业网页设计师或者想把这作为全职工作,我会花时间学习 Tailwind,因为它更灵活。我也考虑过PureCSS和其他一些极简框架,但我需要更高级一些的工具。我的目标是完全避免编写 CSS 代码,除了少数例外情况,我使用 Bootstrap 基本实现了这个目标。
人们通常会抱怨“所有 Bootstrap 网站看起来都一样”,这没错,但在这个例子中,它的价值在于所呈现的数据,而不是新颖的外观和感觉。
一开始,我对 Bootstrap 一无所知。我浏览了官方文档,这些文档虽然是很好的参考资料,但并不适合作为教学工具。我还看过几本 Bootstrap 的书,但这些书似乎默认我精通 CSS(但我并不精通),只是想学习 Bootstrap 的具体实现。
最后,我去了——还能去哪儿呢——YouTube。我通常不太喜欢用YouTube学习技术知识,因为看视频比阅读慢,但这次我觉得视频是最佳媒介。讲师可以输入一些CSS/Bootstrap类,并实时展示效果。改一下,这是结果;改一下,现在变成这样,等等。这真是一个非常有效的方法。
最后,我看了两个教程,就明白了我需要什么。
第一个推荐来自 Traversy Media。我们之前讨论过他们,我是他们的忠实粉丝。Brad Traversy 的教学风格非常出色,他的课程内容也堪称一流。这里有一个非常棒的 Bootstrap 速成课程,他会从零开始构建一个优秀的页面。他同时使用了 Grid 和 Flexbox 布局,让你能够接触到这两种布局:
接下来,我看了YouTube频道“Web Dev Simplified”上的这门课程。Kyle讲解Bootstrap的方式简洁高效。这确实是我见过的最有效率的视频之一。他语速平稳,剪辑流畅,逐条讲解了所有要点。我反复观看这个视频,从中提取了一些例子。
实际上时长是 2 小时 30 分 2 秒,但您可以跳过两个视频的最后一秒。
接下来,我要深入学习 Brad Traversy 的完整 Bootstrap 课程。 25美元使用优惠码BOOSTRAP20只需 20 美元即可获得。它包含 5 个不同网站的完整构建包,我非常期待。等我体验过之后,我会写一篇评测。