发表于: 2017-03-26 22:08:25

1 609


今天完成的事情:一到周日就有所懈怠,重新温习了一下bootstrap的用法。

明天计划的事情:1.完成js1中随机获取3种颜色。

2.学习javascript的setTimeout和setInterval。

遇到的困难:以前对bootstrap中的响应式导航栏还不是很熟悉,弄了2天才懵懵懂懂的,今天听了叶子阳师兄的小课堂后,对响应式导航栏有了进一步的了解。响应式导航条制作如下:

1..nav标签添加 class .navbar.navbar-default
2.
向上面的元素添加 navbar-headernavbar-header
3.
navbar-headerbutton添加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",即是idnavbar的内容。


返回列表 返回列表
评论

    分享到