Bootstrap is an open-source Javascript framework developed by the team at Twitter. It is a combination of HTML, CSS, and Javascript code designed to help build user interface components. Bootstrap was also programmed to support both HTML5 and CSS3.
Origin Bootstrap.
Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter as a framework to encourage consistency across internal tools. Before Bootstrap, various libraries were used for interface development, which led to inconsistencies and a high maintenance burden. According to Twitter developer Mark Otto.
"A super small group of developers and I got together to design and build a new internal tool and saw an opportunity to do something more. Through that process, we saw ourselves build something much more substantial than another internal tool. Months later, we ended up with an early version of Bootstrap as a way to document and share common design patterns and assets within the company."
The first deployment under real conditions happened during Twitter's first Hackweek.
Mark Otto showed some colleagues how to accelerate their project's development with the help of the toolkit. As a result, dozens of teams have moved to the framework.
In August 2011, Twitter released Bootstrap as open source. In February 2012, it was the most starred GitHub development project, a position it still holds in June 2014.
What is included with Bootstrap?
If you were to download bootstrap, you would find that it includes css files, javascript files, and images. Here's a sneak peak at the files included:
|
|
|
Future Bootstrap.
Bootstrap is compatible with the latest versions of all major browsers. It gracefully degrades when used on older browsers such as Internet Explorer 8.
Since version 2.0 it also supports responsive web design. This means the layout of web pages adjusts dynamically, taking into account the characteristics of the device used (desktop, tablet, mobile phone).
Starting with version 3.0, Bootstrap adopted a mobile first design philosophy, emphasizing responsive design by default.
Bootstrap is open source and available on GitHub. Developers are encouraged to participate in the project and make their own contributions to the platform.
Recently, community members have translated Bootstrap's documentation into various languages, including Chinese, Spanish and Russian
example code html bootstrap:
<!DOCTYPE html> <html> <head> <title>Example of Twitter Bootstrap</title> <!-- Include the bootstrap stylesheets --> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <h1>Search</h1> <label>Example for a simple search form.</label> <!-- Search form with input field and button --> <form class="well form-search"> <input type="text" class="input-medium search-query"> <button type="submit" class="btn btn-primary">Search</button> </form> <h2>Results</h2> <!-- Table with alternating cell background color and outer frame --> <table class="table table-striped table-bordered"> <thead> <tr> <th>#</th> <th>Title</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Lorem ipsum dolor ...</td> </tr> <tr> <td>2</td> <td>Ut enim ad minim veniam, ...</td> </tr> <tr> <td>3</td> <td>Duis aute irure dolor ...</td> </tr> </tbody> </table> </div> <!-- JavaScript placed at the end of the document so the pages load faster --> <!-- Optional: Include the jQuery library --> <script src="http:/code.jquery.com/jquery-1.7.2.min.js"></script> <!-- Optional: Incorporate the Bootstrap JavaScript plugins --> <script src="http:/netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> </body> </html
if you want to download boostrap. Please visit thfollowing link . click here
Goomsite.Net
0 Comments for "Bootstrap"