Wednesday 16 December 2015

Start With Bootstrap

Hello Friends, What's Up! After a long time, I am starting again to post the article but this time I am feeling embarrassment because due to my busyness I was unable to give the decent time to my newly blog.

First of all we will know about the bootstrap framework. What is the bootstrap framework and how does it work for us?

About Bootstrap :- Bootstrap is the most popular Html, Css and Javascript framework to build the responsive and mobile-first websites. bootstrap is very easy to use because it contains classes that we have to use for particular purpose.

The most popular features of bootstrap is explained below -

HTML5 doctype :- It is mandatory to use the html5 doctype at the beginning of the every document.
The syntax is -
<!DOCTYPE html>
<html lang="en">
  ...
</html>

Mobile first :- As mentioned above, bootstrap is made to design the website mobile-first so for that purpose before making any file of bootstrap we have to mention certain meta tags.

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">




<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=blogspot/yCWcu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="blogspot/yCWcu" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p></form>


No comments:

Post a Comment