Question

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

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

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

Answer 1

如果您不想在更改为“桌面”版本后重新加载页面，则可以尝试禁用您的repsonsive样式表。请参阅：Removing or replacing a stylesheet (a <link>) with JavaScript/jQuery和https://stackoverflow.com/a/15824131/1596547。同样删除样式表似乎也有效。

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

<强> 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/），点击这些文件。

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

1 个答案:

Twitter的Bootstrap 3