Top "Responsive-design" questions

Responsive Web Design (RWD) is an approach to Web design and development that aims at crafting sites to provide optimal experiences across a wide range of devices based on screen size, platform, and orientation.

How to make Bootstrap responsive layout work on IE8

I've been search for a while and found some people got it working, but none of them provide any code …

twitter-bootstrap internet-explorer-8 responsive-design media-queries fluid-layout
Responsive CSS triangle with percents width

The code below will create an arrow right below an <a> element: JSFiddle The problem is that we …

css responsive-design geometry css-shapes
iPhone 6 and 6 Plus Responsive Breakpoints

According to Apple's site: The iPhone 6 has 1334-by-750-pixel resolution at 326 ppi with 1400:1 contrast ratio (typical) The iPhone 6+ has 1920-by-1080…

ios css responsive-design media-queries iphone-6
Responsive iframe (google maps) and weird resizing

I am trying to add a Google Map to my design, that is supposed to be responsive. I've used the …

css google-maps iframe responsive-design
What are the device-width css viewport sizes of the iPhone6 and iPhone 6 Plus

The iPhone 6 and iPhone 6 Plus were just announced. But as usual, phone specs never give the meta viewport device-width sizes …

ios css iphone responsive-design viewport
Break a table row into multiple line (responsive layout)

I have a webpage that lists items. The default template uses a table for that, which i find very appropriate. …

html twitter-bootstrap responsive-design twitter-bootstrap-3
Scrollbar on bootstrap table

I have table that renders inside a panel which is inside a modal. As the table is relatively large, I'd …

html css twitter-bootstrap responsive-design bootstrap-table
How to center crop an image (<img>) in fluid width container

How do I get an image to stay centered when its fluid width (percentage based) container is too small to …

css image responsive-design fluid-layout fluid-images
Bootstrap collapsed menu not pushing content down when expanded

I am using Twitter Bootstrap to play around with the responsive side of a website. I am having a problem …

css twitter-bootstrap navigation responsive-design
Detect a window width change but not a height change

I'm using the .resize() function to detect window re-size events, but this detects both height and width changes. Is there …

jquery responsive-design resize jquery-events