基于Bootstrap實(shí)現(xiàn)下圖所示效果的頁(yè)面,一個(gè)白底的帶有兩個(gè)菜單項(xiàng)、一個(gè)下拉菜單和一個(gè)登錄表單的基本導(dǎo)航條:
效果圖:
庫(kù)引用地址:
bootstrap框架: //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css
jquery庫(kù): http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js
bootstrap.min.js:http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js
1. 搭建基礎(chǔ)的bootstrap頁(yè)面
2. 根據(jù)課程所學(xué)或官方文檔搭建基礎(chǔ)的導(dǎo)航條結(jié)構(gòu)
3. 注意表單的樣式和右對(duì)齊所需要添加的樣式(.navbar-right)
4. 根據(jù)課程所學(xué)或官方文檔建立下拉菜單
5. 為下拉菜單設(shè)置標(biāo)題和分割線
右下角"代碼下載"區(qū)可以下載參考代碼。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)