Bootstrap 3禁用响应桌面窗口调整大小

Question

bootstrap 3适用于移动第一种方法。所以我的桌面css依赖于我的css用于较小的设备。 我希望在桌面浏览器窗口调整大小时禁用响应，但无法弄清楚如何。我被引导到http://getbootstrap.com/getting-started/#disable-responsive，解决了一半的问题。

页面问题的宽度已由以下

修正

var desktop = screen.availWidth >= '768';
if(desktop)
{
  l=d.createElement('link');
  l.rel  = 'stylesheet';l.type = 'text/css';
  l.href = 'styles/desktop.css';
  l.media = 'all';
  h.appendChild(l);

}

desktop.css

.container{
    max-width: none !important;
    width:970px;}

但它仍在重新流动我的内容，因为当浏览器窗口调整到相应的媒体查询时，bootstrap仍在拾取我的列类。例如col-sm-4，col-sm-offset-4。 我可以使用javascript在检测到桌面时将col-sm更改为col-xs，但是对于额外的小型设备禁用偏移和列排序。

我是否必须编写自己的css覆盖所有不需要的boostrap？

http://jsfiddle.net/zVAEe/

拜托，非常感谢任何建议 提前谢谢你。