{"version":"1.0","type":"rich","title":"Gist cd123280ba7f94c5893a","description":"This example demonstrates responsive web design breakpoints using Twitter Bootstrap’s scaffolding system, showing how layout adjustments occur across device widths from landscape phones to large desktops. The code defines media query ranges in the `rwd.css` file, including max-width 480px, max-width 768px, and min-width 768px to 940px, plus a default 940px and min-width 1210px. It references a table image from Skitch illustrating the responsive behavior. The implementation relies on standard CSS media queries rather than JavaScript libraries, with Bootstrap’s predefined classes controlling grid and visibility at each breakpoint.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-cd123280ba7f94c5893a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}