Responsive Web Design - Frameworks

 

There are many free CSS Frameworks that offer Responsive Design.


Using W3.CSS

A great way to create a responsive design, is to use a responsive style sheet, like

W3.CSS makes it easy to develop sites that look nice at any size!

Resize the page to see the responsiveness!

London

London is the capital city of England.

It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Paris

Paris is the capital of France.

The Paris area is one of the largest population centers in Europe, with more than 12 million inhabitants.

Tokyo

Tokyo is the capital of Japan.

It is the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.

Example








 

W3Schools Demo


 

Resize this responsive page!




 

   

London


   

London is the capital city of England.


   

It is the most populous city in the United Kingdom,
    with a metropolitan area of over 13 million inhabitants.


 


 

   

Paris


   

Paris is the capital of France.


   

The Paris area is one of the largest population centers in Europe,
    with more than 12 million inhabitants.


 


 

   

Tokyo


   

Tokyo is the capital of Japan.


   

It is the center of the Greater Tokyo Area,
    and the most populous metropolitan area in the world.


 



To learn more about W3.CSS, read our .



Bootstrap

Another popular framework is Bootstrap. It uses HTML and CSS to make responsive web pages:

Example













 

My First Bootstrap Page


 

Resize this responsive page to see the effect!




 

   

     

Column 1


     

Lorem ipsum dolor sit amet, consectetur adipisicing elit...


     

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...


   

   

     

Column 2


     

Lorem ipsum dolor sit amet, consectetur adipisicing elit...


     

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...


   

   

     

Column 3


     

Lorem ipsum dolor sit amet, consectetur adipisicing elit...


     

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...


   

 



To learn more about Bootstrap, go to our .

Ever heard about W3Schools Spaces? Here you can create your website from scratch or use a template, and host it for free.

* no credit card required

 

 
RWD Frameworks

Login
ADS CODE