如何覆蓋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/ ）切換這些文件點擊。