Où sont Bootstrap 3 .caché- & .visible pour téléphone, tablette & bureau?
J'ai un besoin spécifique pour mes plugins JQuery pour "savoir" quelle est la taille de Bootstrap (ex: xs, sm, md, lg téléphone, tablette ou ordinateur de bureau), j'ai donc décidé d'ajouter des classes à la balise body je pourrais interroger.
Basée sur un couple d'exemples sur le net j'ai trouvé cette JQuery pour Bootstrap j'appelle jstrap:
http://jsfiddle.net/TrueBlueAussie/52VtD/3767/
Si vous redimensionnez le volet de sortie de la largeur, vous verrez les couleurs du changement, basé sur le bootstrap de taille.
//Detect current bootstrap "size" and set appropriate "Size-" class on body element to allow for jQuery access (and additional styling)
function jstrap()
{
var sizes = ["lg", "md", "sm", "xs", "phone", "tablet", "desktop"];
var $el = $('<div>'),
$body = $('body');
$body.append($el);
for (var i = 0; i < 7; i++)
{
var size = sizes[i];
if ($el.addClass('hidden-' + size).is(':hidden'))
{
//Decorate body with a size class
$body.addClass("Size-" + size);
}
else
{
//Remove this size (if previously present) as not applicable
$body.removeClass("Size-" + size);
}
};
$el.remove();
}
//Call jstrap on DOM load and on window resize
$(function ()
{
$(window).resize(function ()
{
jstrap();
});
jstrap();
});
Il définit Size-
styles sur le body
élément, sur la base actuelle de bootstrap style, mais j'ai trouvé que l' .caché-phone .caché-tablette & .caché-ordinateur de bureau ne semble pas fonctionner. Selon un autre post réactive.moins et d'autres moins sensible fichiers manquants à partir de Bootstrap que la fonctionnalité est incluse dans le bootstrap 3, mais il semble toujours avoir .caché-ordinateur de bureau .caché-la tablette et .caché-la configuration du téléphone.
Ce qui me manque?
Note: ceci est formaté pour .moins, donc pas de plaintes au sujet de la mise en forme du code 🙂
OriginalL'auteur Gone Coding | 2014-03-20
Vous devez vous connecter pour publier un commentaire.
Dans BS3 vous avez juste
.hidden-xs/sm/md/lg
, téléphone/tablette/ordinateur de bureau appliquer pour BS2.x seulement [que la question que vous avez lié les états, par la voie]..hidden-xs Cibles téléphones Mobiles
OriginalL'auteur moonwave99