Bootstrap 學(xué)習(xí)分享_HTML5教程
推薦:input元素的url類型和email類型簡介在過去我們制作網(wǎng)頁輸入框,會(huì)用到不少JS驗(yàn)證,如今有了HTML5寫這種效果已經(jīng)沒有那么麻煩了,下面我來給大家介紹兩種HTML5的input的新增加的類型應(yīng)用。
Bootstrap 是由Twitter 工程師推出的基于HTML,CSS,JAVASCRIPT的簡潔靈活的流行前端框架,我們可以把它想象成一個(gè)定義了很多效果的CSS與JS的庫,庫里面已經(jīng)定義好了各種組件的顯示效果與動(dòng)畫,
比如:柵格布局、各種按鈕、表格、表單、下拉菜單、標(biāo)簽頁、導(dǎo)航條等,對于前端來說花幾個(gè)小時(shí)看看官網(wǎng)的用法就能學(xué)會(huì),
只要按照它的使用規(guī)則使用就可以了。沒有什么教程比官方的更清楚了,直接看官方文檔吧
中文資料看這里:http://wrongwaycn.github.com/bootstrap/docs/index.html
英文資料看這里:http://twitter.github.com/bootstrap/index.html
Bootstrap對于沒有美感的同學(xué)是很有用處的,后端可以拿來用一下,可以很容易就構(gòu)建出一個(gè)不難看的網(wǎng)站
不過遺憾的是由于用到一些CSS的新技術(shù),只支持現(xiàn)代的瀏覽器,IE6這種古董就不支持了,
github有個(gè)bootstrap-ie的項(xiàng)目,有興趣的可以去看看:
https://github.com/empowering-communities/Bootstrap-IE6
這個(gè)也算一篇博客嗎。。。。我去
貼個(gè)練習(xí)圖會(huì)顯得長一點(diǎn)。囧

分享:HTML5自定義data-* data(obj)屬性和jquery的data()方法的使用可能大家在使用jquery mobile時(shí),經(jīng)常會(huì)看到data-role、data-theme等的使用,這些都是HTML5自定義屬性,本文整理一些,需要的朋友可以參考下
相關(guān)HTML5教程:
- 只要五步 就可以用HTML5/CSS3快速制作便簽貼特效(圖)
- 網(wǎng)易微博Web App用HTML5開發(fā)的過程介紹
- HTML5 對各個(gè)標(biāo)簽的定義與規(guī)定:body的介紹
- 關(guān)于HTML5的安全問題開發(fā)人員需要牢記的
- 關(guān)于HTML5的22個(gè)初級(jí)技巧(圖文教程)
- 開發(fā)人員所需要知道的HTML5性能分析面面觀
- HTML5 Web Database 數(shù)據(jù)庫的SQL語句的使用方法
- HTML5實(shí)踐-圖片設(shè)置成灰度圖
- HTML5安全介紹之內(nèi)容安全策略(CSP)簡介
- HTML5 Web存儲(chǔ)方式的localStorage和sessionStorage進(jìn)行數(shù)據(jù)本地存儲(chǔ)案例應(yīng)用
- input元素的url類型和email類型簡介
- HTML5自定義data-* data(obj)屬性和jquery的data()方法的使用
HTML5教程Rss訂閱Div+Css教程搜索
HTML5教程推薦
- 使用HTML5的鏈接預(yù)取功能(link prefetching)給網(wǎng)站提速
- 使用css創(chuàng)建三角形 使用CSS3創(chuàng)建3d四面體原理及代碼(html5實(shí)踐)
- 使用html5+css3來實(shí)現(xiàn)slider切換效果告別javascript+css
- html5 Canvas畫圖教程(6)—canvas里畫曲線之a(chǎn)rcTo方法
- 使用CSS實(shí)現(xiàn)彈性視頻html5案例實(shí)踐
- html5播放視頻且動(dòng)態(tài)截圖實(shí)現(xiàn)步驟與代碼(支持safari其他未測試)
- HTML5使用ApplicationCache接口實(shí)現(xiàn)離線緩存技術(shù)解決離線難題
- html5 svg 中元素點(diǎn)擊事件添加方法
- HTML5之WebGL 3D概述(下)—借助類庫開發(fā)及框架介紹
- Html5游戲開發(fā)之乒乓Ping Pong游戲示例(二)
- 相關(guān)鏈接:
- 教程說明:
HTML5教程-Bootstrap 學(xué)習(xí)分享
。