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.

Automatically resize images with browser size using CSS

I want all (or just some) of my images getting resized automatically when I resize my browser window. I've found …

css resize responsive-design
Change bootstrap navbar collapse breakpoint without using LESS

Currently when the browser width drops below 768px, the navbar changes to collapsed mode. I want to change this width …

css twitter-bootstrap responsive-design navbar collapse
Vertically align an image inside a div with responsive height

I have the following code which sets up a container which has a height that changes with the width when …

html css responsive-design vertical-alignment
Common CSS Media Queries Break Points

I am working on a Responsive Web Site with CSS Media Queries. Is the following a good organization for devices? …

css responsive-design media-queries
Making button go full-width?

I want a button to take up the full width of the column, but having difficulties... <div class="span9 …

css twitter-bootstrap html responsive-design
How to style a div to be a responsive square?

I want my div to adapt its height to always equal its width. The width is percental. When the parent's …

css layout responsive-design aspect-ratio
Responsive Bootstrap Jumbotron Background Image

I'm using bootstrap jumbotron, and including a background image. Resizing the screen makes the image tile and repeat, whereas I …

css twitter-bootstrap responsive-design
iPhone 5 CSS media query

The iPhone 5 has a longer screen and it's not catching my website's mobile view. What are the new responsive design …

iphone css responsive-design media-queries iphone-5
Bootstrap - Removing padding or margin when screen size is smaller

EDITED: Maybe I should ask which selector sets up the side padding when the screen is reduced to below 480px …

css twitter-bootstrap responsive-design media-queries