如何用Element-ui的Row和Col组件实现响应式布局？

本文共计1740个文字，预计阅读时间需要7分钟。

目录+基本说明及用法+Row组件分析+render函数+源码分析+Col组件分析+组件分析+响应式布局+我们在实际开发中遇到一些布局的时候会用到底Layout布局，这个布局只需要配置一些参数就能实现布局效果。

目录

• 基本说明以及用法
• Row组件的分析
• render函数
• 源码分析
• Col组件的分析
• 组件分析
• 响应式布局

我们在实际开发中遇到一些布局的时候会用到Layout布局，这个布局只要配置一些参数就能够达到很好的布局效果甚至可以响应式，那里面的具体是怎么实现的呢，让我们去剖开Element-UI的源码，学习里面的一些细节吧。

基本说明以及用法

Element-UI的Layout布局是通过基础的24分栏，迅速简便地创建布局。根据不同的组合，很快的就能够生成一个很美观的响应式布局。