Mesela mobil görünümlerde belirli bir tagın görünmesini istemiyorsunuz. Bunun için 960 gs'nin responsive özelliğini kullanarak:
<script>
var ADAPT_CONFIG = {
path: 'assets/css/',
dynamic: true,
range: [
'0px to 760px = mobile.min.css',
'760px to 980px = 720.min.css',
'980px to 1280px = 960.min.css',
'1280px to 1600px = 960.min.css',
'1600px to 1940px = 960.min.css',
'1940px to 2540px = 960.min.css',
'2540px = 960.min.css'
]
};
</script>960 GS'de tasarımın responsive olması için yukarıdaki kodları head tagları arasına yazmalıyız. Bizim istediğimiz mobil görünümlerde belirli bir div tagının görünmesini engellemek. Bunu yapmak oldukça basitmiş.Elimizde bir slider olsun ve
<div id="slider"> ... </div>
şeklinde div tagı ile çerçeveye alınsın. Biz bu sliderın mobilde görünmesini istemiyorsak mobile.min.css dosyasını açıyoruz ve en sona şu kodu yerleştiriyoruz.
div#slider {display:none;}Bu şekilde artık slider 760px çözünürlükten düşük bütün cihazlarda gözükmeyecektir.İyi günlerde kullanın.