基于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 可将课程添加到书签
举报