基于Bootstrap實現(xiàn)下圖所示效果的頁面,多列布局,注意每一列內(nèi)容的位置:
桌面顯示器:
平板電腦或手機:
庫引用地址:
bootstrap框架: //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css
jquery庫: http://libs.baidu.com/jquery/1.9.0/jquery.js
bootstrap.min.js://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js
1. 搭建基礎(chǔ)的bootstrap頁面
2. 根據(jù)課程所學或官方文檔搭建基礎(chǔ)的柵格結(jié)構(gòu)
3. 注意
4. 文字:慕課網(wǎng)是一家從事互聯(lián)網(wǎng)免費教學的網(wǎng)絡教育公司。秉承"開拓、創(chuàng)新、公平、分享"的精神,將互聯(lián)網(wǎng)特性全面的應用在教育領(lǐng)域,致力于為教育機構(gòu)及求學者打造一站式互動在線教育品牌。
右下角"代碼下載"區(qū)可以下載參考代碼。
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報