twitter bootstrap 3 - Background banners (skins) in responsive layout, how to implement them? -
i looking tutorials, ideas, suggestions on how implement "skin-banners" (also called background-banners) in responsive template famous twitter bootstrap template.
how manage width of background picture? possibile implement backgroud banner without using javascript complex scripts? are there working examples?
many thanks, fabio
the solution display correct skin each viewport.
first of needto read width of window browser:
<script type='text/javascript'> var widthbrowser = $(window).width(); </script>
then each viewport have call right skin. desktop version instance:
if (widthbrowser > 1200){ // code skin } else if ...
Comments
Post a Comment