发表于: 2021-01-17 20:11:45

1 1593


今天完成的事情:学习的bootstrap框架,了解了bootstrap的框架有哪些,如按钮下拉菜单,上拉菜单,标签式导航菜单,胶囊式导航菜单等。

                           根据bootstrap框架改了任务6的header


明天计划的事情:完成任务6

收获:了解了什么是bootstrap和他的优点

bootstrap是一个用于快速开发web应用程序和网站的前端框架。我们在开发前端页面的时候,如果每一个按钮,样式,处理浏览器兼容性的代码都要自己从零去写,那就太浪费时间了。而bootstrap就可以帮我们实现一个页面的基础部分和一些繁琐的细节,我们只要在他的基础上进行个性化定制就可以了。

使用的时候需要先引入bootstrap.min.css(bootstrap的样式表文件)

然后引入自己写的css文件

第三部引入jQuery

最后引入bootstrap.min.js

 <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="task6.css">
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>



返回列表 返回列表
评论

    分享到