介绍
core-games-bootstrap-ui 是一个基于 Bootstrap 进行定制化的一套前端 UI 框架，专注于在线游戏场景中的可用性和易用性，提供一整套游戏中常见的组件和样式。
安装
npm 安装
在项目中安装 core-games-bootstrap-ui，可以使用 npm 进行安装：
npm install core-games-bootstrap-ui
CDN 引入
你可以将 core-games-bootstrap-ui 直接引入到你的 HTML 文件中：
<link rel="stylesheet" href="https://unpkg.com/core-games-bootstrap-ui/dist/core-games-bootstrap-ui.min.css"> <script src="https://unpkg.com/core-games-bootstrap-ui/dist/core-games-bootstrap-ui.min.js"></script>
使用
core-games-bootstrap-ui 可以直接在 HTML 中使用，如下列代码所示：
-- -------------------- ---- -------
--------- -----
----- -------------
------
----- ----------------
------------------------------ ------------
----- ---------------- --------------------------------------------------------------------------------------
-------
------
---- ------------------
--------- --------- -------
------- ---------- ----------- --------------------
------
------- ---------------------------------------------------------------------------------------------
-------
-------组件
core-games-bootstrap-ui 包含了大量的组件和样式，以下是一些常用的示例：
按钮
在 HTML 中通过 class 名称来使用按钮：
-- -------------------- ---- ------- ---- ------- ------ --- ------- ---------- -------------------- --------------- ---- --------- ------ --- ------- ---------- ------------------------ --------------- ---- ------ ------ --- ------- ---------- ------------------ --------------- ---- ------- ------ --- ------- ---------- -------------------- --------------- ---- ------- ------ --- ------- ---------- -------------------- --------------- ---- ---- ------ --- ------- ---------- -------------- ---------------
表单
表单类组件是网页中最常见的交互元素之一，以下是一些常用的表单组件、示例：
-- -------------------- ---- -------
---- ---- ----- ---
------ ----------- -------------------- ------------------
---- -------- ----- ---
------ --------------- -------------------- --------------------
---- -------- ---
--------- -------------------- --------------------
---- ------ --- ---
------- ---------------------
-------------- ----------
-------------- ----------
-------------- ----------
---------
---- -------- ---
---- -------------------
------ ------------------------ --------------- -------- -------------------
------ ------------------------ --------------------
----
--------
------
---- ----- ---
---- -------------------
------ ------------------------ ------------ -------------------- ------------------- --------------- --------
------ ------------------------ ---------------------
---- -
--------
------
---- -------------------
------ ------------------------ ------------ -------------------- ------------------- ----------------
------ ------------------------ ---------------------
---- -
--------
------表格
表格是一种用于展示数据的常用组件，以下是一些简单的表格和用法：
-- -------------------- ---- -------
------ --------------
-------
----
-----------
-----------
-----------
-----------
-----
--------
-------
----
-----------
----------
-----------
-----------
-----
----
-----------
----------
-----------
-----------
-----
--------
--------总结
在core-games-bootstrap-ui 中提供了许多前端开发中常用的组件和样式，可以帮助我们快速地进行前端开发。需要注意的是，不建议直接修改其内部样式，而是应当设计一套遵循其设计语言的样式，以保证整体的一致性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600574ef81e8991b448ea32e