[RWD]黯然銷魂 之 HTML KickStart套件，太好用了，以後用不到怎麼辦？ --響應式網頁 / 自適應網頁(Responsive Web)設計

http://www.dotblogs.com.tw/mis2000lab/archive/2014/01/15/super_easy_responsive_web_design_html_kickstart.aspx

[RWD]黯然銷魂 之 HTML KickStart套件，太好用了，以後用不到怎麼辦？ --響應式網頁 / 自適應網頁(Responsive Web)設計

之前介紹的 Boostrap也很棒，

但我學習它的時間，稍微長了一點

裡面的CSS設定，字眼也長了些

• Bootstrap的網頁，已經被微軟MVP-- 陳傳興老師（KingKong Bruce）翻譯成正體中文了
•  
• 簡單的Bootstrap(v 2.3.2版)效果與入門教學 -- 響應式網頁 / 自適應網頁(Responsive Web)設計

今天在社群上面看見一篇介紹文：http://www.webdesignerdepot.com/2014/01/how-to-kickstart-your-html/

驚為天人啊！！

http://www.99lime.com/elements/

教學？ HOW-TO？

都免啦！

直接看，喜歡的......立刻COPY就能用啦！

好簡單啊！

學習時間，10分鐘搞定

下面是我整理出來的範例，照著作（自己動手）

一定學得會。

簡單、直覺、立即上手......不可思議的 HTML KickStart

1. 官方網站，下載一個檔案。解開後放入您的網站

2. 網頁最上方，務必使用 HTML5 DocType  

3. 加入HTML表頭的 .js與 .css檔。

開始了，請慢用（太好學了，不用十分鐘。慢不下來啊~）

==== 以下是 ASP.NET檔案（.aspx）===========================

 

   

       

 

   

   

       

 

   

   

 

       

按鈕（Button）#1 Sizes

 

       

       

 

        class="button" href="你的超連結網址">A.button（超連結的按鈕）

 

       

       

       

       

   

   

   

範例下載：WebSite2013_HTML_KickStart.rar

HTML KickStart套件，太好用了，以後用不到怎麼辦？

    太黯然了~~~

       太銷魂了

圖片來源：http://www.ipeen.com.tw/comment/413694

 

............................. 寫信給我，mis2000lab (at) yahoo.com.台灣........................................................

.............................   facebook社團   https://www.facebook.com/mis2000lab   ............................

.............................   Google+   https://plus.google.com/100202398389206570368/posts ..............