vivianpiggy
New Member
I am trying to give background image for the navigation bar.....but he problem is will it work for iphone screens...since i am using twitter bootstrap adaptive css... in small devices the navigation bar changes into different.....so will it possible to implement background imagehttp://jsfiddle.net/sGvzu/\[code\]<div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="http://stackoverflow.com/questions/14617028/#"> <img alt="change" class="defieLogo" src="http://www.defie.co/designerImages/defie_logo_only.png"> </a> <div class="nav-collapse collapse"> <ul class="nav"> <li class="active"><a href="http://stackoverflow.com/docs/examples/product.html">Product</a></li> <li><a href="http://stackoverflow.com/docs/examples/solutions.html">Solutions</a></li> <li><a href="http://stackoverflow.com/docs/examples/services.html">Services</a></li> <li class="iphonePartnerLink"><a href="http://stackoverflow.com/docs/examples/partners.html">Partners</a></li> <li class="iphoneContactLink"><a href="http://stackoverflow.com/docs/examples/contact.html">Contact</a></li> </ul> <ul class="nav" id="navSecond"> <li class=""><a href="http://stackoverflow.com/docs/examples/partners.html">Partners</a></li> <li><a href="http://stackoverflow.com/docs/examples/contact.html">Contact</a></li> </ul> <form class="navbar-form pull-right"> <input class="span2" type="text" placeholder="Email"> <input class="span2" type="password" placeholder="Password"> <button type="submit" class="btn">Sign in</button> </form> </div><!--/.nav-collapse --> </div> </div> </div>\[/code\]