How to make page responsive mobile enabled.

make responsive site Using Bootstrap3

Another way to create a responsive design, is to use an already existing CSS framework.

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive webs.

Bootstrap helps you to develop sites that look nice at any size; screen, laptop, tablet, or phone:

you can also use media query in css for your custom responsive site.

<!DOCTYPE html>
<html>
<head>
<meta charset=“utf-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1”>
<link rel=“stylesheet” href=“http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css”>
</head><body>
<div class=“container”><div class=“jumbotron”>
<h1>W3Schools Demo</h1>
<p>Resize this responsive page!</p>
</div>

<div class=“row”>
<div class=“col-md-4”>
<h2>London</h2>
<p>London is the capital city of England.</p>
<p>It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>
<div class=“col-md-4”>
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>
<div class=“col-md-4”>
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>
</div>

</div>
</body>
</html>

Loading Facebook Comments ...

3 Comments. Leave new

This post and many other on your site are very interesting.
You should show your content to wider audience.

There is a big chance to go viral. You need initial boost and visitors will
flood your blog in no time. Simply search in google for:
Juuri13 viral effect

Reply
www.calabriatechnology.com
March 26, 2015 12:16 am

Fantastic blog post.Much thanks again.

Reply
www.youtube.com
March 26, 2015 12:06 pm

I want to to thank you for this wonderful read!!

I certainly loved every bit of it. I have you saved as a favorite to look at new stuff you post…

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Enter the captcha code * Time limit is exhausted. Please reload the CAPTCHA.

we have updated our price to free for all the product. Dismiss