/bootstrap-responsive-ads

Bootstrap with reponsive banner ads

Primary LanguageJavaScript

bootstrap-responsive-ads

Bootstrap with responsive banner ads

This sample code (powered by W3Masters, mediaCheck and Twitter Bootstrap demonstrates how you can use responive banner ads with Twitter bootstrap or other responsive html5 solutions. This example implements the Toppler strategy from Ad Formats & Showcase.

Please try the demo or load the demo page in responsinator.com

Based on device (screenwidth / viewport) different formats of graphic banners are shown. Also the banner postion change. Banners of the following formats are used: 160x600, 728x90, 468x60 and 320x50 (width x height in pixels).

Only loads banners which will be used. Every banner load is a real view for your stats. Banners will not resized or hide by CSS.

The strategy use three breakpoints: 768, 480 and 320 pixels.