发表于: 2017-03-26 22:08:25
1 608
今天完成的事情:一到周日就有所懈怠,重新温习了一下bootstrap的用法。
明天计划的事情:1.完成js1中随机获取3种颜色。
2.学习javascript的setTimeout和setInterval。
遇到的困难:以前对bootstrap中的响应式导航栏还不是很熟悉,弄了2天才懵懵懂懂的,今天听了叶子阳师兄的小课堂后,对响应式导航栏有了进一步的了解。响应式导航条制作如下:
1..向nav标签添加 class .navbar、.navbar-default。
2.向上面的元素添加 navbar-header,navbar-header
3.给navbar-header的button添加data-toggle="collapse" data-target="#example-navbar-collapse"。
4.给下面的div添加class="collapse navbar-collapse" id="example-navbar-collapse"。
以上四个步骤,就可以用bootstrap响应式导航条初步完成。
其中:
1.navbar-toggle样式是控制3根斑马线的。
2.navbar-collapse 样式使导航链接可以在小屏幕状态下收纳到一个菜单按钮中。
3.collapsed是为了响应折叠插件的。
4.data-toggle=“collapse”表明这个button是一个折叠控件,其折叠的内容指向data-target="#navbar",即是id为navbar的内容。
评论