简介
@bolt/objects-block 是一个用于构建布局的 npm 包，它是 @bolt/core 的子依赖。这个包提供了一套独立的样式规则，用于搭建符合 Bolt Design System 的布局。
@bolt/objects-block 官方文档 https://boltdesignsystem.com/docs/utilities/block
安装
安装 @bolt/objects-block：
--- ------- -------------------
使用
@bolt/objects-block 包含了各种样式规则，用于搭建布局。要使用它，需要先在 HTML 中引入样式文件：
----- ---------------- --------------- -------------------------------------------------------------------
Container
@bolt/objects-block 中包含了一种叫做 "container" 的布局元素。使用该元素可以快速创建一个中央对齐的容器。例如：
---- ----------------------------------- ------- --------- ------ ------
Grid
@bolt/objects-block 还提供了 "grid" 布局元素。该元素可以快速创建一个网格布局。例如：
---- ------------------------------
---- ------------------------------------
-----------
------
---- ------------------------------------
-----------
------
------Masonry
@bolt/objects-block 还提供了 "masonry" 布局元素。使用该元素可以创建一个瀑布流布局。例如：
---- ---------------------------------
---- ---------------------------------------
------------
------
---- ---------------------------------------
------------
------
------Shims
@bolt/objects-block 还提供了一些 shim 样式规则，可以用来解决一些浏览器兼容性问题。例如：
---- --------------------------------------------------
总结
@bolt/objects-block 是一个非常有用的 npm 包，提供了一套独立的样式规则，用于搭建符合 Bolt Design System 的布局。使用起来非常简单，只需要在 HTML 中引入样式文件，并添加相应的类名即可。如果你正在构建一个符合 Bolt Design System 的网站，那么 @bolt/objects-block 绝对会是你的好帮手！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedaa4fb5cbfe1ea0610423