CSS Framework 真的有我们想象的那么必要吗？

有一段时间，每当有人问“Bootstrap是什么？”我们都会回答说它是“一个神奇的东西”。这个时期已经过去了，现在我们已经非常了解和清楚Bootstrap的能力和限制，同时使用CSS框架在整个行业中变得非常普遍，因为它们可以节省很多时间。但是有一个问题被提出，那就是“我们真的需要CSS框架吗？”本文将提出一些您不需要CSS框架的理由。

如何在小型项目中替代框架？
使用CSS vanilla来创建适用于移动设备的友好设计不仅是可行的，而且比使用框架要容易得多。这是两个非常强大和有用的CSS属性。

1/ Flex

检查这pen吧。只需将其应用于您的代码行，您就可以创建出像这样的出色响应式页面。

 所以请花时间去了解它。以下是一些可能会帮助您的资源：

• A Complete Guide to Flexbox – CSS tricks

• Flexbox CSS In 20 Minutes – Traversy Media (Video)

• Basic concepts of flexbox – MDN (All time favorite)

2/ Grid

您需要学习的主要是将常用框架中的简单CSS网格部分提取出来，然后进行增强。如果您曾经只使用Bootstrap中的网格系统，请使用网格并创建自己的自定义布局。

• A Complete Guide to Grid – CSS tricks

• CSS Grid Layout Crash Course – Traversy Media (Video)

• Basic Concepts of grid layout – MDN

3/ 为 UI 组件使用代码片段

如果您想知道并需要更多有关按钮和导航栏等 UI 元素的灵感，请访问 Codepen。这是一个很棒的社区，您可以在其中找到数百支笔来帮助您。这里有一些非常有用的资源：

• You-Dont-Need-JavaScript – 一种 bootstrap.js 的替代品

• 最佳 CSS 代码片段网站

如果您仍然发现很难找到某些 UI 元素的 CSS，请使用您的旧 Inspect 组件。