Flexbox 改变了我的生活，再见了 boostrap

如何使用 Flexbox 建造房屋？

Manan Gouhari ・ 2020 年 3 月 22 日 ・ 阅读 4 分钟

#css #html #教程

学习 flexbox 改变了我的生活。

好吧，你可能会说这有点夸张，但确实值得。
补充一点背景信息，我是一名专注于后端 Web 开发的开发人员，所以我过去使用 Bootstrap 这样的框架主要有两个原因：

1. 响应能力
2. 使用网格系统创建布局

但最近，我发现自己的网站因为 Bootstrap 变得丑陋和千篇一律，这让我很沮丧。我深知，如果我能征服后端开发这头猛兽，CSS 又能有多难呢？这促使我尝试纯自定义 CSS。

说实话，我以前从没觉得写 CSS 和设计 UI 有什么乐趣，但哥们儿，这玩意儿真让人上瘾。
把基本的 CSS 技能和一点儿审美感结合起来，简直能让人感动。非技术人员通常看不懂软件后端是怎么回事，他们看到的只有 UI 和前端，而书的封面确实能给人留下相当深刻的印象。

Flexbox 让我能够同时处理移动响应式布局和纯 CSS 布局。现在，除非迫不得已，我再也不会使用 Bootstrap 了。Flexbox
有几个核心概念，如果自上而下地应用，就能轻松创建出色的布局。
我所说的自上而下地应用 Flexbox 概念是什么意思呢？
将整个布局想象成一个 Flexbox 容器，然后深入研究各个组件。导航栏，用 Flexbox 布局。主区域，用 Flexbox 布局。信息卡片，没错，Flexbox 也能帮你布局它们。

我发现最有效的资源 -

• DevEd-Youtube
• Traversy Media - YouTube
• Flexbox 完整指南 -css-tricks.com
• Flexbox 布局背后的思考过程 -css-tricks.com

敬请期待，我计划写一篇博文来解释 Flexbox 的复杂性。
编辑 - 以下是承诺的博文 -

如何使用 Flexbox 建造房屋？

Manan Gouhari ・ 2020 年 3 月 22 日 ・ 阅读 4 分钟

#css #html #教程

如果您发现此帖子中任何需要更正的内容，请告诉我。（这是一篇非常快速且自发的文章。）