I am using twitter bootstrap lay out....when i reduce the browser window you will see a menu by clicking a button....but the button should show only for iphone lay out.....but the button is showing for desktop how to fix it....http://jsfiddle.net/r4SqC/4/embedded/result/\[code\]<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>.navbar .btn-navbar {background: none repeat scroll 0 0 #040404;display: block;padding: 0;}.navbar-inverse .btn-navbar {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #0e0e0e;background-image: -moz-linear-gradient(top, #151515, #040404);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));background-image: -webkit-linear-gradient(top, #151515, #040404);background-image: -o-linear-gradient(top, #151515, #040404);background-image: linear-gradient(to bottom, #151515, #040404);background-repeat: repeat-x;border-color: #040404 #040404 #000000;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid
XImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);filter: progidXImageTransform.Microsoft.gradient(enabled=false);}\[/code\]
XImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);filter: progidXImageTransform.Microsoft.gradient(enabled=false);}\[/code\]