為什麼要用bootstrap開發?

為什麼Twitter bootstrap 這麼多人用呢? 那為什麼我們也一定要用它呢?

其實最大的原因是"跨平台相容性",在這個時代開發一個服務最重要的就是跨平台,從手機AndroidiOSWeb也都很講究使用者經驗一致性,加上豐富的Open資源與使用上非常便利與快速,這是我們選擇它的原因,如下

Web

Mobile

就以上面的範例來說其實程式碼只寫了一次,你說是不是可以省下不少開發時間呢?
再來一個服務的建立上,常常需要有好的網頁設計師能大大提升網站的使用者經驗,不過若沒有的時候怎麼辦?類似這種Open Framework 就可以解決很多這種問題,況且我們隨時想要用別的設計師設計好的Template 也是很方便的,以下這種網站就是國外專門在讓人可以買bootstrap template 的地方..

wrapbootstrap

那如果第一次使用這種Framework該怎麼入門呢?

1. 先download library

2. 去抓一個範例來用吧...

http://getbootstrap.com/getting-started/

我們就選一個Sign-in page來用吧,點進範例內...
http://getbootstrap.com/examples/signin/

3. 在網頁上按右鍵檢視網頁原始碼


存起來後就把它放到你的伺服器或者本端,然後記得要編輯css與javascript至正確的位置,接著你既可以嘗試改button大小及各種範例摟,就以Button來看您只要按照下圖方式改一點點程式碼就可以..

各位是不是覺得非常簡單呢?如果您想打造一個好看的網站UI,建議你可以好好考慮Bootstrap

我們的Likeboy台灣第一個粉絲團排名網站就是完全使用Bootstrap,然後根據我們的需求去調整Style,如果您喜歡也歡迎您用Chrome或其他開發者工具來檢視我們的css design喔...
http://likeboy.tw