Nowadays Bootstrap is most popular front-end framework. This is very fast and easy to maintain. Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter. It is open source and released August 2011 on GitHub.
It has built-in components which are easy to customize and maintain.
To start work with bootstrap you should have to basic knowledge about HTML, CSS and Javascript.
What Bootstrap Package Includes?
CSS − Bootstrap has many CSS classes and have global CSS settings and advanced grid base system. We will learn about it in further post with detail.
Ataging − Bootstrap offers a structure with Grid System, styles.
Components − Bootstrap provides icons, dropdowns, navigation(s), alerts, popovers and much more components.
JavaScript Plugins − Its provides lots of jQuery plugins which make easier to your work and make your work user friendly also.
Customize − You can say about it that its a bonus feature with bootstrap which is very easy. You can customize maximum components ,LESS variables and jQuery plugins also.
Advantage of Bootstrap?
Bootstrap is Mobile first approach , Browser Support (supported all major browsers), Easy to get learn, responsive.
A basic default HTML layout by bootstrap -
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<meta http-equiv = "X-UA-Compatible" content = "IE = edge">
<meta name = "viewport" content = "width = device-width, initial-scale = 1">
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel = "stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src = "https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src = "https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
</body>
</html>
0 Comment(s)