介绍
Bootstrap 是一个流行的前端框架，但它默认提供的样式是响应式（responsive）的，而不是非响应式的。如果您想使用 Bootstrap 的非响应式样式，可以使用 bootstrap-non-responsive 这个 NPM 包。
bootstrap-non-responsive 模块是从 Bootstrap 3 中提供的非响应式部分精简而来，用于在基于 Bootstrap 的应用程序中为传统桌面应用程序提供更好的支持。
本教程旨在向初学者介绍如何使用 bootstrap-non-responsive 模块。
安装
使用 NPM 安装 Bootstrap-non-responsive：
npm install bootstrap-non-responsive
引入样式
在 HTML 中引入 Bootstrap 的 CSS 文件，要注意的是非响应式的 CSS 在 Bootstrap 3 中位于 bootstrap-non-responsive.css ，如下所示：
-- -------------------- ---- ------- --------- ----- ------ ------ ------------- ----------------- ----- ---------------- ----------------------------------------------------------------------------------- ------- ------ ---- ---- ------- ------- --- ------- -------
使用
由于 bootstrap-non-responsive 只提供了非响应式的 CSS 样式，其用法与 Bootstrap 类似。例如：
-- -------------------- ---- -------
---- ------- ---
------- ---------- -------------------- ---------------
------- ---------- -------------------- ---------------
------- ---------- -------------------- ---------------
------- ---------- -------------- ---------------
------- ---------- -------------------- ---------------
------- ---------- ------------------ ---------------
---- ------ ---
------ --------------
-------
----
----------
--------- ---------
-------- ---------
-----------------
-----
--------
-------
----
----------
-------------
-------------
-------------
-----
----
----------
--------------
-----------------
-------------
-----
----
----------
--------------
------- ---------
-----------------
-----
--------
--------结论
Bootstrap 非常流行，但默认情况下提供的样式是响应式的。使用 bootstrap-non-responsive 可以轻松获得 Bootstrap 的非响应式样式，从而更好地支持传统桌面应用。在本教程中，我们介绍了如何安装和使用 bootstrap-non-responsive 模块，向初学者提供了一个简单的入门指南。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bcd81e8991b448d96a7