{

Twitter Bootstrap

http://getbootstrap.com/

由 twitter 開發的 UI Framework

簡單說來就是網頁前端設計的樣板庫

讓你可以輕鬆套用，快速輕鬆製作有質感的網頁

What’s

Get from http://getbootstrap.com

bootstrap.css

bootstrap.js

( 另外的 bootstrap.min.* 只是壓縮板的檔案 )

Main files

Grid System (<div>)

<h1>Heading</h1>

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

<table> Tables </table>

<button> Buttons </buttons>

<form> Forms </form>

Look up on official website:

https://getbootstrap.com/css

More templates …

How to use?

From download package

From CDN

1. Load source

<!-- 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

2. Check for template code

Bootstrap 專屬的 class 屬性

Demo

3. Insert in your code

Bootstrap: http://getbootstrap.com

Built With Bootstrap: http://builtwithbootstrap.com

Bootswatch: http://bootswatch.com

Reference