初识BootstrapDay4
【任务目标】：
- 任务 1：掌握 Bootstrap 框架特点和编写方法；
- 任务 2：实现一个基于 Bootstrap 的导航栏；
- 任务 3：实现一个基于 BootStrap 的表格；
【任务说明】：
- 任务 1 描述：
- 什么是 Web 前端框架？
一个简单的Web 前端框架是由HTML来搭建框架，CSS来渲染装饰，Js来对齐。为达到快速开发的目的，就有一个基本的代码库来满足一些通用功能，其余部分根据用户自己的功能要求来进行添加。目前的主流Web 前端框架有Vue、RN、Flutter、Bootstrap等。
- 什么是响应式前端开发？
根据设备尺寸的大小对网页进行重新排列。
https://www.runoob.com/bootstrap/bootstrap-grid-system.html.
具体的查看Bootstrap的网格系统。
2.如何实现一个基于 Bootstrap 框架的前端页面？
（1）下载Bootstrap的核心库。
（2）解压后分别复制一下两个文件，分别放在css、js的文件夹中：
（3）在官网示例文件中下载jquery.min文件放在js目录下：
（4）编写简单地html文件，将所有文件及文件夹放在同一个文件夹目录下。
（5）在浏览器运行html文件。
- 任务 2 描述：
- 实现一个基于 Bootstrap 的导航栏，内容自定义。
与上一个题目步骤基本相同，只需将<body></body>标签内部内容改变就可以了，在官网上找到导航栏组件代码添加进去即可。通过本题了解到一些标签的含义及其使用。
- 任务 3 描述：
- 实现一个基于 BootStrap 的表格，内容自定义。
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
