预览加载中，请您耐心等待几秒...

《Bootstrap响应式Web前端开发》(慕课版)课后习题及答案.pdf

预览
1/8
2/8
3/8
4/8
5/8
6/8
7/8
8/8

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

《Bootstrap响应式Web前端开发》（慕课版）课后习题及答案第1章1-1简述什么是bootstrap是什么。Bootstrap是全球最受欢迎的前端框架，用于开发响应式、移动设备优先的web项目。Bootstrap中预定义了一套CSS样式和与样式对应的jQuery代码，在应用该框架时，只需提供固定的HTML结构，并且为各元素添加bootstrap中提供的class名称，即可实现指定的效果。1-2从网格布局的角度讲，bootstrap4版本与bootstrap3的特点是什么？与bootstrap3版本的网格布局相比，bootstrap4的网格布局与弹性布局相结合，所以，使用网格布局时，可以不用指定每一列的宽度，而bootstrap3版本则需要严格指定每一列的宽度。1-3bootstrap的优点有哪些？Bootstrap主要有以下优点：（1）含有多中常用样式和功能，且占用资源小，可以提高开发效率。（2）移动设备优先：自bootstrap3起，框架包含了贯穿于整个库的移动设备优先的样式。（3）浏览器支持：所有的主流浏览器（包括IE、Chrome、Safari、Firefox、opera）都支持bootstrap。（4）容易上手：要使用bootstrap框架，您只需具备HTML、CSS的基础知识就可以学习bootstrap。（5）响应式设计：bootstrap的响应式CSS能够自适应于台式机、平板电脑和手机等设备的屏幕。1-4简述bootstrap1版本至bootstrap4，各版本的特点。（1）bootstrap12011年8月，Twitter推出了快速搭建网页应用的轻量级前端开发工具bootstrap。它由动态CSS语言less写成，经过编译后，bootstrap就是众多CSS的合集。（2）bootstrap2Bootstrap2最大的改变在于添加12网格的响应式布局，除此之外，它还增加了一些新样式，并且还修改了一些网页元素的默认样式，同时修改了上一版本中的一些错误，以及完善了说明文档。（3）bootstrap3Bootstrap版本简3化页面组织以及增加和删除的部分组件，同时改进了网格系统，以及不在支持IE其提供支持的工具，以及增加和删除了布局2013年3月，bootstrap发7和Firefox3.6等。（4）bootstrap4bootstrap4是一项几乎涉及每行代码的大型工作，其更新的内容比较多，包括改进网格系统、它的特点主要包括：支持flexbox、改进网格系统、增加以及删除部分组件，以及新增边距。填充等施工工具。1-5创建一个HTML文件，然后按顺序引用bootstrap相关文件。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>Title</title><linkhref="css/bootstrap.min.css"type="text/css"rel="stylesheet"></head><body><!--正文--><scripttype="text/javascript"src="js/jQuery-v3.4.0.js"></script><scripttype="text/javascript"src="js/bootstrap.min.js"></script><scripttype="text/javascript"src="js/bootstrap.bundle.min.js"></script></body></html>第2章2-1为元素添加bootstrap中的标题样式的方法有哪些？有两种，第一种为直接使用标题标签，如<h1>标签，第二种则是在文字标签中添加对应标题的类名，如<pclass=”h1”></p>2-2bootstrap可以设置的最大内间距的尺寸为多少？如果设置元素水平方向的外间距为1rem，需要添加的类名为什么？Bootstrap可以设置的最大内间距为3rem，设置元素水平方向的外间距为1rem，需要添加的类名为mx-3.2-3bootstrap中预设的元素的背景样式有哪些？bootstrap中预设的元素的背景样式有十个，分别是.bg-primary、.bg-secondary、.bg-success、.bg-danger、.bg-warning、.bg-info、.bg-light、.bg-dark、.bg-white、.bg-transparent2-4bootstrap中添加与清除表格的边框分别是通过什么类名？添加边框是通过table-bordered，清除边