介绍
Bootstrap 是一个流行的前端框架,但它默认提供的样式是响应式(responsive)的,而不是非响应式的。如果您想使用 Bootstrap 的非响应式样式,可以使用 bootstrap-non-responsive 这个 NPM 包。
bootstrap-non-responsive 模块是从 Bootstrap 3 中提供的非响应式部分精简而来,用于在基于 Bootstrap 的应用程序中为传统桌面应用程序提供更好的支持。
本教程旨在向初学者介绍如何使用 bootstrap-non-responsive 模块。
安装
使用 NPM 安装 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