使用 CSS 使 Bootstrap 3 无响应
Make Bootstrap 3 non responsive with CSS
有很多关于使 BS3 无响应的内容,但它们似乎都集中在 LESS 变量上。不过我使用的是 static CSS 。
http://getbootstrap.com/examples/non-responsive/
http://bigwilliam.com/turn-off-responsive-behavior-for-bootstrap-3/
步骤 1(删除视口)和步骤 2(静态容器宽度)非常简单。但是如何在 CSS 中设置媒体查询断点?
Bootstrap 中有一个选项可以让您 customize
下载 Bootstrap CSS 以满足您的需要。如果您在 Bootstrap 的网站上按 link customize
,它将带您到一个页面,其中列出了 [=34= 默认下载中包含的所有组件和实用程序] CSS。您可以 add/remove 这些项目中的任何一项来创建满足您特定需求的 bootstrap 版本。
对于您的情况,删除以下选项(在通用 CSS 下):
- 打印媒体样式
- 响应实用程序
还有一个部分,您可以在其中自定义 LESS 变量并将其编译到自定义 .css 文件中。您可以考虑更改的一项是 Media Query Breakpoints 设置,但有许多自定义选项供您浏览。
在 Bootstrap/Customize 上查看所有可以更改的选项,希望对您有所帮助!
将最小宽度设置为 html 或正文元素,这样,如果浏览器宽度小于指定的最小宽度,页面将不会调整大小。但是使用 bootstrap 的全部意义在于轻松开发响应式网站,因此如果您不想响应式 bootstrap.
,那您就大错特错了
html { min-width: 1000px; }
有很多关于使 BS3 无响应的内容,但它们似乎都集中在 LESS 变量上。不过我使用的是 static CSS 。
http://getbootstrap.com/examples/non-responsive/ http://bigwilliam.com/turn-off-responsive-behavior-for-bootstrap-3/
步骤 1(删除视口)和步骤 2(静态容器宽度)非常简单。但是如何在 CSS 中设置媒体查询断点?
Bootstrap 中有一个选项可以让您 customize
下载 Bootstrap CSS 以满足您的需要。如果您在 Bootstrap 的网站上按 link customize
,它将带您到一个页面,其中列出了 [=34= 默认下载中包含的所有组件和实用程序] CSS。您可以 add/remove 这些项目中的任何一项来创建满足您特定需求的 bootstrap 版本。
对于您的情况,删除以下选项(在通用 CSS 下):
- 打印媒体样式
- 响应实用程序
还有一个部分,您可以在其中自定义 LESS 变量并将其编译到自定义 .css 文件中。您可以考虑更改的一项是 Media Query Breakpoints 设置,但有许多自定义选项供您浏览。
在 Bootstrap/Customize 上查看所有可以更改的选项,希望对您有所帮助!
将最小宽度设置为 html 或正文元素,这样,如果浏览器宽度小于指定的最小宽度,页面将不会调整大小。但是使用 bootstrap 的全部意义在于轻松开发响应式网站,因此如果您不想响应式 bootstrap.
,那您就大错特错了html { min-width: 1000px; }