基于Bootstrap實現下圖所示效果的頁面,一個白底的帶有兩個菜單項、一個下拉菜單和一個登錄表單的基本導航條:
效果圖:
庫引用地址:
bootstrap框架: //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css
jquery庫: 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. 搭建基礎的bootstrap頁面
2. 根據課程所學或官方文檔搭建基礎的導航條結構
3. 注意表單的樣式和右對齊所需要添加的樣式(.navbar-right)
4. 根據課程所學或官方文檔建立下拉菜單
5. 為下拉菜單設置標題和分割線
右下角"代碼下載"區可以下載參考代碼。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報