发表于: 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)的位置。
评论