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

我有一个使用推特引导的网站，我正在使用一些响应功能。它可以在桌面和移动设备上正常工作。缩小桌面上的“我的窗口”会导致响应网格启动，并将响应网格适当地提供给移动设备

但是，iPhone用户是否可以访问“非响应”版本？iPhone和android手机访问大多数网站的“完整”版本通常是安全的，所以我想为移动用户提供一个选项

---

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

如果您不想在更改为“桌面”版本后重新加载页面，可以尝试禁用repsonsive样式表。 见：和。删除样式表似乎也很有效

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

css：

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

    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;
            }       



        }

    );

javascript：

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

    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;
            }       



        }

    );

var responsivecss=true；
$（“#开关”）。单击(
函数（）
{
if（responsivecss）
{
$（“#responsivecss”）.remove（）；
$（this.text（'Mobile version'）；
responsivecss=false；
}
其他的
{
$（'head'）。追加（''）；
$（此）.text（'桌面版'）；
responsivecss=true；
}       
}
);

试试看：

推特的引导3 TB3没有单独的响应CSS文件。要做到这一点，您必须创建一个没有响应功能的css文件（请参阅：）并在单击时切换这些文件