第 20 章 项目实战--响应式导航[1]
2016-04-24 16:54
323 查看
学习要点:
1.响应式导航
主讲教师:李炎恢
本节课我们开始设计第一个项目, 一个内训公司的企业网站, 本节课学习响应式导航部分。
一.响应式导航
//基本导航组件+响应式
1.响应式导航
主讲教师:李炎恢
本节课我们开始设计第一个项目, 一个内训公司的企业网站, 本节课学习响应式导航部分。
一.响应式导航
//基本导航组件+响应式
<nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <a href="#" class="navbar-brand" style="margin:0;padding:0;"><img src="img/logo.png" alt="瓢城企训网"></a> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> <span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="navbar-collapse"> <ul class="nav navbar-nav navbar-right" style="margin-top:0;"> <li class="active"> <a href="#"><span class="glyphiconglyphicon-home"></span> 首页</a> </li> <li> <a href="#"><span class="glyphicon glyphicon-list"></span> 资讯</a> </li> <li> <a href="#"><span class="glyphicon glyphicon-fire"></span> 案例</a> </li> <li> <a href="#"><span class="glyphicon glyphicon-question-sign"></span> 关于</a> </li> </ul> </div> </div> </nav>
相关文章推荐
- ionic混合开发学习之路-第一坑
- zcmu1727
- 一个C语言函数声明和定义的编译问题
- JVM调优总结(6)新一代的垃圾回收算法
- Android-ViewFlipper动画导航(可手动翻页)
- 医生值班
- mxml学习总结
- React学习笔记---创建组件
- 第八周上机实践项目:矩形法求定积分
- RecyclerView不同类型Item的展示
- JVM调优总结(5)典型配置
- IOS本地推送通知的一些属性 UILocalNotification
- 续 Android APK免安装启动
- 开发中最常用的GitHub上 优秀的 Android 开源项目整理(精品)
- VB.NET机房重构问题点滴积累
- 软件设计模式——建造者模式(Builder)
- jvm运行时内存
- HDU训练记录2:基础数位dp
- 断环为链
- 构造方法,重载,static,math类(java基础知识七)