javascript - How to override responsive features in Twitter Bootstrap 2? -

-

i have site using twitter bootstrap , using of responsive features. works fine on desktop , mobile devices. shrinking window on desktop cause responsive grid kick in, , responsive grid served mobile device appropriately.

however, possible iphone user access 'non-responsive' version? it's safe iphone , android phones access 'full' version of sites, i'd offer option mobile users.

back before 'responsive' hottest thing, typically handled via client browser detection , backend routed clients 2 different sites, pages, or themes render content, , there kind of link or button afforded user allow them visit full-site instead. i'm trying replicate usage pattern.

if don't want reload page after change "desktop" version try disable repsonsive stylesheet(s). see: removing or replacing stylesheet (a <link>) javascript/jquery , https://stackoverflow.com/a/15824131/1596547. removing stylesheet seems work.

some proof of concept removing responsive stylesheet:

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

try it: http://plnkr.co/ldouquuypmnood5urbtz

twitter's bootstrap 3

tb3 don't have separate responsive css file. same have create css file without responsive features (see: http://bassjobsen.weblogs.fm/compile-twitters-bootstrap-3-without-responsive-features/) switch these files on click.


Comments

Post a Comment

Popular posts from this blog

javascript - Count length of each class -

-
i have below code in this fiddle . html <span class="myname">john smith</span> <span class="myname">john smith</span> <span class="myname">john smith</span> <span class="myname">john smith</span> <span class="myname">john smith</span> <span class="myname">john smith</span> javascript $('.myname').each(function(){ var text = $(this).html().split(' '), len = text.length, test = $(this).val().length, result = []; console.log('outside: ' + test); for( var = 0; < len; i++ ) { result[i] = '<span class="name-'+[i]+'" >' + text[i] + '</span>'; console.log('inside: ' + test); } $(this).html(result.join(' ')); console.log('after
Read more

What design pattern is this code in Javascript? -

-
this question has answer here: why write “.call(this)” @ end of javascript anonymous function? [duplicate] 4 answers what kind of design pattern , significance of using closure? (function(){ // code here }).call(this); edit then difference between above code , following this keyword still refer same object in both ways. (function(){ // code here })(); thats invoked function expression. more info here: http://benalman.com/news/2010/11/immediately-invoked-function-expression/ the purpose run code while protecting scope (so variables declared within don't leak out global scope. update call sets value of this function being applied on. without it, value set window object, there set outer scope.
Read more

hadoop - Restrict secondarynamenode to be installed and run on any other node in the cluster -

-
i have have cloudera cdh3u4 cluster setup. have secondarynamenode daemon running on 1 of nodes. i have ensure user has root access node on cluster (for example, datanode not have other daemons running) should not able start instance of secondarynamenode daemon on node (thereby having 2 secondarynamenodes on cluster) how can achieve this? thanks in advance. add property hdfs-site.xml namedfs.secondary.http.address valuesecondarynamenode-host address or ip:50090
Read more