html - 引导脚手架@ 3600x1920

我正在使用具有某种“协调器”界面的Web应用程序。我希望能够支持我使用的Eyefinity设置（这是3台纵向显示器，分辨率为3600x1920或3780x1920，并且启用了边框校正）。

我正在使用Twitter Bootstrap，我认为它的响应式设计功能具有我所需要的，但是我不确定如何根据我的需要对其进行自定义。

我基本上需要3列，每列约1200 px宽，但是我希望在屏幕宽度小于1920 px时将这些列分解为3行。

可以通过在responsive.less文件集中添加另一类设备来完成此操作吗？

这是我目前正在使用的代码：

<div class="row-fluid">
    <div class="span4"></div>
    <div class="span4"></div>
    <div class="span4"></div>
</div>

这是一些测试屏幕截图：

Too wide to fit comfortably on a standard screen

Same data, perfect at 3600x1920

最佳答案

好的，这比我预期的要容易。

我要做的就是将一个类添加到我的顶层行中（我称其为row-eyefinity），然后将以下CSS添加到样式表中：

@media (max-width:3500px) {
    .row-eyefinity > [class*="span"] {
        float: none;
        display: block;
        width: auto;
        margin-left: 0;
    }
}

关于html - 引导脚手架@ 3600x1920，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10784176/