如何覆盖Twitter Bootstrap 2中的响应功能？

Question

我有一个使用twitter bootstrap的网站，并使用了一些响应功能。 它在桌面和移动设备上运行良好。 缩小我在桌面上的窗口会导致响应式网格启动，并且响应式网格会适当地提供给移动设备。

但是，iPhone用户是否可以访问“无响应”版本？ iPhone和Android手机通常可以安全地访问大多数网站的“完整”版本，因此我想将其作为移动用户的选项提供。

在“响应”是最热门的事情之前，这通常是通过客户端浏览器检测来处理的，并且后端将客户端路由到两个完全不同的站点，页面或主题来呈现内容，并且通常提供某种类型的链接或按钮用户允许他们访问全站点。 我正在尝试复制该使用模式。

Answer 1

如果您不想在更改为“桌面”版本后重新加载页面，则可以尝试禁用您的repsonsive样式表。 请参阅： 使用JavaScript / jQuery和https://stackoverflow.com/a/15824131/1596547 删除或替换样式表（<link>） 。 还删除样式表似乎工作。

删除响应式样式表的一些概念证明：

css ：

<link href="bootstrap-responsive.css" rel="stylesheet" id="responsivecss">

javascript ：

    var responsivecss = true;

    $('#switch').click(



    function ()
        {
            if(responsivecss)
            {
        $('#responsivecss').remove();
      $(this).text('Mobile version');           
              responsivecss = false;

            }
            else
            {
      $('head').append('<link href="bootstrap-responsive.css" rel="stylesheet" id="responsivecss">');
      $(this).text('Desktop version');
                responsivecss = true;
            }       



        }

    );

试试吧： http ： //plnkr.co/LdOUquuYPMnOOd5UrBtZ

Twitter的Bootstrap 3

TB3没有单独的响应式CSS文件。 要做同样的事情，你将不得不创建一个没有响应功能的css文件（参见： http ： //bassjobsen.weblogs.fm/compile-twitters-bootstrap-3-without-responsive-features/ ）切换这些文件点击。