简介
employer-style-grid 是一个用于前端开发的 npm 包，它能够快速地生成适合企业网站的响应式布局。此包使用了流行的 Bootstrap 样式，但加入了一些自定义样式，以使布局更适合企业网站的需要。
安装
使用 npm 命令进行安装： npm install employer-style-grid
使用
引入 CSS 文件：
<link rel="stylesheet" href="node_modules/employer-style-grid/dist/employer-style-grid.min.css">
在 HTML 中使用类名
container和row：<div class="container"> <div class="row"> <div class="col-sm-6 col-md-4">...</div> <div class="col-sm-6 col-md-4">...</div> <div class="col-sm-6 col-md-4">...</div> </div> </div>container类表示外层容器，row类表示行，col-*-n类表示分栏，*代表响应式布局所需的屏幕大小（xs、sm、md或lg），n代表所需的分栏数。可以根据需要嵌套多个
container和row。对于嵌套的row，可以使用col-*-*-push-n或col-*-*-pull-n类进行左右偏移。使用其他组件和样式：
employer-style-grid 提供了许多其他样式和组件，例如按钮、表单和图标等。详细内容请参考官方文档： http://www.employers.com/docs/
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------------------- ----------
----- ---------------- -------------------------------------------------------------------------
-------
------
---- ------------------
---- ------------
---- --------------- ----------
-----------
------
---- --------------- ----------
-----------
------
---- --------------- ----------
-----------
------
------
------
-------
-------意义和学习
employer-style-grid 的使用，使得前端开发者可以更快捷地创建适合企业网站的响应式布局。该包使用流行的 Bootstrap 样式，提供了一些适合企业网站的定制样式和组件。使用此包，可以大大节省企业网站的开发时间，并且拥有更好的用户体验，从而提高企业的竞争力。
学习使用 employer-style-grid，有助于前端开发者掌握响应式布局的技术，同时了解如何使用第三方库来提高开发效率。同时，使用这个库可以加深前端开发者对 Bootstrap 样式的理解和应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d2281e8991b448dad5e