<div class="d-grid">
<div class="m-auto"></div>
</div>
tailwindcss 官网（三）核心概念：功能类优先、响应式设计（UI、断点）
文章目录tailwindcss 官网（三）核心概念：功能类优先、响应式设计（UI、断点）1. 功能类优先概述为什么不使用内联样式？可维护性问题2. 响应式设计概述移动优先定位手机屏幕定位单个断点自定义断点
官网：安装 - Tailwind CSS 中文文档
1. 功能类优先
在一组受约束的原始功能类的基础上构建复杂的组件。
传统情况下，当您需要在网页上设置样式时，都需要编写 CSS。
使用传统方式时，定制的设计需要定
plugins : [
require ( 'tailwind-bootstrap-grid' ) ( {
containerMaxWidths : { sm : '540px' , md : '720px' , lg : '960px' , xl : '1140px' } ,
} ) ,
并且不要忘记在顺风基础的css文件中包含components和utilities ：
@tailwind base;
@tailwind components;
@tailwind util
