twitter-bootstrap – Bootstrap Fluid Layout在小屏幕上保留比

发布时间：2020-12-17 20:41:27 所属栏目：安全来源：网络整理

导读：我正在尝试使用twitter bootstrap构建一个干净的流体布局,无论屏幕大小如何,都会保留跨度的相对比例. 我不确定这是否可能以一种干净的方式(围绕它创建html表),但我对脏黑客不感兴趣,重点是编写干净的代码. 所以我们的想法是,在bootstrap网站上,他们给人的印

我正在尝试使用twitter bootstrap构建一个干净的流体布局,无论屏幕大小如何,都会保留跨度的相对比例.

我不确定这是否可能以一种干净的方式(围绕它创建html表),但我对脏黑客不感兴趣,重点是编写干净的代码.

所以我们的想法是,在bootstrap网站上,他们给人的印象是这是可能的：

http://twitter.github.com/bootstrap/scaffolding.html#layouts

(尝试使浏览器窗口变小,即使减少到最大值,您也会看到流畅的布局保持其相对比率(因为类名不同,他们在网站上使用了不同的代码)

但是当你下载流体布局演示时,如果你把窗口调整到一些小的东西堆叠起来,我还没有办法避免这种情况：

http://twitter.github.com/bootstrap/examples/fluid.html

我认为这是不可能的,但想知道是否有人知道这件事.

干杯

此行为是由于包含bootstrap-responsive.css.在狭窄的窗口(< 767px)中,这个 stacks up columns.所以,如果你真的想要没有这种行为,那就不要包含bootstrap-responsive.css.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!