Twitter Bootstrap is a front-end web development framework created by Twitter to help designers build user interfaces efficiently. It contains pre-built user interface components like buttons, navigation, and grid system that can be used to quickly design prototypes or production-ready responsive sites. Developers can get the framework files from the Bootstrap website and include them in their projects to style HTML elements and lay out pages using Bootstrap's classes.

1. {
Twitter Bootstrap
http://getbootstrap.com/

2.  由 twitter 開發的 UI Framework
 簡單說來就是網頁前端設計的樣板庫
 讓你可以輕鬆套用，快速輕鬆製作有質感的網頁
What’s

3. Get from
http://getbootstrap.com

4.  bootstrap.css
 bootstrap.js
( 另外的 bootstrap.min.* 只是壓縮板的檔案)
Main files

5. Grid System (<div>)

6. <h1>Heading</h1>

7. <code>inline</code>、<p>block</p>

8. <table> Tables </table>

9. <button> Buttons </buttons>

10. <form> Forms </form>

11.  Look up on official website:
https://getbootstrap.com/css
More templates …

12. How to use?

13.  From download package
 From CDN
1. Load source

14.  <!-- Latest compiled and minified CSS -->
<link rel="stylesheet"
href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
 <!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js">
</script>
Load from CDN

15. 2. Check for template code
Bootstrap 專屬的 class 屬性

16. Demo
3. Insert in your code

17.  Bootstrap: http://getbootstrap.com
 Built With Bootstrap: http://builtwithbootstrap.com
 Bootswatch: http://bootswatch.com
Reference