发表于: 2018-06-30 20:26:46

2 626


今天完成的事情:今天完成了一部分任务八和任务九,做了转播图还有导航栏,然后一直在看栅格系统。


明天计划的事情:任务八。

 
遇到的问题: 



收获:

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。


ootstrap 导航栏可以动态定位。默认情况下,它是块级元素,它是基于在 HTML 中放置的位置定位的。通过一些帮助器类,可以把它放置在页面的顶部或者底部,或者可以让它成为随着页面一起滚动的静态导航栏。

如果想要让导航栏固定在页面的顶部,请向 .navbar class 添加 class .navbar-fixed-top

使用 Bootstrap 轮播(Carousel)插件显示了一个循环播放元素的通用组件。为了实现轮播,只需要添加带有该标记的代码即可。不需要使用 data 属性,只需要简单的基于 class 的开发即可.

通过 .item 内的 .carousel-caption 元素向幻灯片添加标题

使用 data 属性可以很容易控制轮播(Carousel)的位置。


返回列表 返回列表
评论

    分享到