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.

bootstrap 3.0 full length body sidebar

I'm trying to get bootstrap divs to be full body length. This is what I've tried so far: http://jsfiddle.…

responsive-design twitter-bootstrap-3 html sidebar
CSS fluid layout: margin-top based on percentage grows when container width increases

I'm just learning CSS fluid layouts & responsive design, and I'm trying to use all percentage values with no px …

css margin responsive-design fluid-layout
How to target Galaxy Nexus and Nexus 7 with media queries?

I have two devices that I'm testing site design with. Samsung Galaxy Nexus and Asus Nexus 7 tablet. I'm having a …

css responsive-design mobile-website media-queries
Is Angular 4 material responsive like bootstrap?

I am starting on a new project with Angular 4 and need to create responsive and pleasant user interface. bootstrap gives …

angular responsive-design angular-material2
Change the order of col-*-12 columns in Bootstrap using push/pull

I have two columns of the same size (.col-xs-12) and I would change their place when the screen size correspond …

css twitter-bootstrap twitter-bootstrap-3 responsive-design grid-layout
Bootstrap Responsive Image Grid

I want to create a responsive image grid with Bootstrap. I have 4 images and I need 1x4 grid for desktop …

html css twitter-bootstrap responsive-design responsive-images
How to disable zooming capabilities in responsive design?

How can I disable zoom-in and zoom-out capability in responsive design pages while using iPad, iPhone and/or some other …

html css responsive-design meta-tags
Why won't my viewport tag properly use device width (no zoom) on most mobile devices?

UPDATE 12/2020: Seeing as this post still gets activity, I must stress that there are no answers here that apply to …

mobile responsive-design viewport meta-tags device-width
Use of ionic as desktop web application

Ionic is a great framework to develop mobile apps using html5. We want same application to be used over desktop …

html responsive-design ionic-framework
How to create a 3-column responsive layout?

I have a 3 column layout. When access it from desktop, it shows like this: ------------------------------------------- | columnleft | columncenter | columnright | ------------------------------------------- I …

html css responsive-design multiple-columns