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>

476 total views, 1 views today

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 *

Please wait...

Subscribe to our newsletter

Want to be notified when our article is published? Enter your email address and name below to be the first to know.

Coupon Code "HAPPY10" - Get Discounts upto 90% + 10% off on Purchase of themes/templates and Plugins