广东开放大学国开电大响应式Web程序设计（专）作业答案

最新广东开放大学《响应式Web程序设计（专）》期末题库及答案

考试说明:本人针对该科精心汇总了历年题库及答案，形成一个完整的题库，并且每年都在更新。该题库对考生的复习、作业和考试起着非常重要的作用，会给您节省大量的时间。做考题时，利用本文档中的查找工具，把考题中的关键字输到查找工具的查找内容框内，就可迅速查找到该题答案。本文库超星学习通、知到智慧树、国家开放大学、广东开放大学、江苏开放大学、上海开放大学、云南开放大学、芯位教育、云慕学苑、职教云、川农在线、长江雨课堂、安徽继续教育平台、青书学堂、睿学在线、成教云、京人平台、绎通继教云、学起Plus、云上河开、河南继续教育、四川开放大学、良师在线、继教云、日照专业技术人员继续教育、麦能网、21tb、168网校、云班课、电大中专、learnin、西财在线等平台复习试题与答案，敬请查看。

课程题目试题是随机的，请按题目关键词查找（或按Ctrl+F输入题目中的关键词，尽量不要输入整个题目，不要复制空格，连续的几个字就行）

本文由【广开搜题】微信公众号提供，禁止复制盗取，违者必究

本文由【广开搜题】微信公众号提供，禁止复制盗取，违者必究

本文由【广开搜题】微信公众号提供，禁止复制盗取，违者必究

响应式Web程序设计（专）

学校: 无

问题 1: 1. 关于以下语句中的initial-scale表示的是（） ＜meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"＞。

选项:

• A. 页面的初始缩放值

• B. 是否允许用户进行缩放操作

• C. 允许用户的最大缩放值

• D. 允许用户的最小缩放值

答案: 页面的初始缩放值

问题 2: 2. 响应式网页设计，最早是由伊桑•马卡特（Ethan Marcotte）在（）年提出的一个概念。

选项:

• A. 2012

• B. 2009

• C. 2011

• D. 2010

答案: 2010

问题 3: 3. 据2017年8月第40次《中国互联网络发展状况统计报告》的统计结果，截至2017年6月，我国网民占比最多的是使用（）上网的网民。

选项:

• A. 台式电脑

• B. 平板

• C. 手机

• D. 笔记本电脑

答案: 手机

问题 4: 4. 媒体查询特性中，（）定义输出设备中的屏幕方向。

选项:

• A. device- height

• B. device- width

• C. orientation

• D. resolution

答案: orientation

问题 5: 5. 以下这个语句，表示屏幕像素密度为3倍的时候，匹配的图像是（） ＜ｉmg ｓrcset ="img/1_1280.jpg 3x,img/1_640.jpg 2x,img/1_320.jpg 1x"/＞

选项:

• A. 1_320.jpg

• B. 无匹配的图像

• C. 1_1280.jpg

• D. 1_640.jpg

答案: 1_1280.jpg

问题 6: 6. 以下不属于"自适应”网站的缺点的是（）

选项:

• A. 大大地增加架构设计的复杂度

• B. 维护的工作将会呈几何级数上升

• C. 可以极大地保证不同环境下的显示效果

• D. 在网站维护时需要同时兼顾多个不同版本的网页

答案: 可以极大地保证不同环境下的显示效果

问题 7: 7. 以下哪个版本的浏览器不支持媒体查询（）。

选项:

• A. Opera 9.0

• B. Chrome 21

• C. IE 7.0

• D. IE 9.0

答案: 请关注公众号【广开搜题】查看答案

问题 8: 8. 根据以下语句，如果当前屏幕尺寸不超过320像素时，将自动匹配（ ）这个图像。 ＜img src=“img /img/1_1280.jpg” srcset =“img/1_1280.jpg 1280w, img/1_640.jpg 640w,img/1_320.jpg 320w”/＞

选项:

• A. 以上均不能匹配

• B. 1_1280.jpg

• C. 1_640.jpg

• D. 1_320.jpg

答案: 请关注公众号【广开搜题】查看答案

问题 9: 9. 常用媒体特性中，（）定义输出设备中的屏幕最小可见高度及宽度。

选项:

• A. max- height，max- width

• B. min- width，min- height

• C. min- device- height，min- device- width

• D. max- device- height，max- device- width

答案: 请关注公众号【广开搜题】查看答案

问题 10: 10. 媒体查询条件中，如果要指定只适用于某种设备或情形，可以用关键字（）

选项:

• A. not

• B. and

• C. only

• D. but

答案: 请关注公众号【广开搜题】查看答案

问题 11: 11. 响应式网页时，在开发时一般"以（）优先”。

选项:

• A. 笔记本电脑

• B. 移动设备

• C. 台式电脑

• D. 大屏幕设备

答案: 请关注公众号【广开搜题】查看答案

问题 12: 12. 媒体查询条件中，如果要排除某种设备或情形，可以用关键字（）。

选项:

• A. not

• B. but

• C. only

• D. and

答案: 请关注公众号【广开搜题】查看答案

问题 13: 13. 以下HTML代码定义的媒体查询条件下，如果设备的屏幕方向为横向，则页面背景颜色为（）
ｂody { ｂackground-color:silver ; } ＠media only screen and (orientation: landscape) { ｂody { ｂackground-color: lightblue; } }

选项:

• A. 蓝色

• B. 浅蓝色

• C. 红色

• D. 银色

答案: 请关注公众号【广开搜题】查看答案

问题 14: 14. 媒体查询条件中，如果要指定适用于多种情形，可以用关键字（）来连接。

选项:

• A. and

• B. but

• C. not

• D. only

答案: 请关注公众号【广开搜题】查看答案

问题 15: 15. 以下HTML代码定义的媒体查询条件下，如果设备的屏幕方向为纵向，则页面背景颜色为（）
ｂody { ｂackground-color:silver ; } ＠media only screen and (orientation: landscape) { ｂody { ｂackground-color: lightblue; } }

选项:

• A. 红色

• B. 浅蓝色

• C. 银色

• D. 蓝色

答案: 请关注公众号【广开搜题】查看答案

问题 16: 16. 响应式网页设计不适用于移动互联网时代。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 17: 17. css中的1px不一定等于显示设备的1px。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 18: 18. 响应式网页设计是让网页具备根据设备应用不提CSS样式的能力。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 19: 19. 其实在CSS2中，就已经可以根据媒体类型获得不同的CSS支持。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 20: 20. meta语句中的ｕser-scalable=0表示页面不允许用户手动缩放。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 21: 21. 媒体查询条件中，如果要指定适用于多个条件，可以用关键字all来连接。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 22: 22. 如果要求对所有媒体类型都适用，在媒体查询中可以使用all来指代所有支持的媒体类型。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 23: 23. 响应式图像的匹配只能根据图像的宽度。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 24: 24. viewport不等于网页可见区域的大小。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 25: 25. 媒体查询条件中，如果要指定只适用于某种设备或情形，可以用关键字all。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 26: 26. 媒体查询支持的媒体特性中，定义输出设备屏幕宽度相关的有（）。

选项:

• A. min- width

• B. max- width

• C. device- width

• D. min- device- width

答案: 请关注公众号【广开搜题】查看答案

问题 27: 27. 响应式网页开发的实现方案有（）。

选项:

• A. 流式图像

• B. CSS媒体查询

• C. 弹性网格

• D. 流式布局

答案: 请关注公众号【广开搜题】查看答案

问题 28: 28. 媒体查询支持的媒体特性中，定义输出设备中的页面最小可见区域的有（）。

选项:

• A. max- height

• B. min- width

• C. max- height

• D. min- height

答案: 请关注公众号【广开搜题】查看答案

问题 29: 29. 对于响应式网页和自适应的网页，以下说法正确的有（）。

选项:

• A. 自适应网页不管使用什么设备打开的都是同一个地址

• B. 响应式网页可以兼容不同终端的浏览

• C. 响应式网页不管使用什么设备打开的都是同一个网页

• D. 响应式更适用于所有网站页面，包括内容页

答案: 请关注公众号【广开搜题】查看答案

问题 30: 30. 媒体查询支持的媒体特性有（）。

选项:

• A. min- width

• B. min- device- height

• C. min- heigh

• D. min- device- width

答案: 请关注公众号【广开搜题】查看答案

问题 31: 1. 若对当前单个window对象操作时，可将引用window对象的代码省略。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 32: 2. JavaScript中，函数的参数是在函数被调用时才确定其实际数据类型。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 33: 3. JavaScript中当窗口或页面元素失去焦点时将触发onfocus事件。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 34: 4. JavaScript函数返回值类型可能因其执行情况的不同而不同。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 35: 5. DOM下，可通过document.nodeType返回节点类型。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 36: 6. 如果一个变量或一个函数的返回值不是数值类型，在JavaScript中用undefined表示。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 37: 7. history对象可以读出浏览器所有历史URL。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 38: 8. JavaScript中window.onresize事件是在用户改变页面大小时触发。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 39: 9. JavaScript也可以简写为JSP

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 40: 10. JavaScript中的数组不能随意扩展其大小。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 41: 11. JavaScript中以下结果为5的有（）。

选项:

• A. Math.floor(5.4)

• B. Math.round(5.4)

• C. Math.floor(6.4)

• D. Math.ceil(5.4)

答案: 请关注公众号【广开搜题】查看答案

问题 42: 12. JavaScript中的String对象可用于提取子字符串的方法有（）。

选项:

• A. lastIndexOf

• B. substr

• C. indexOf

• D. substring

答案: 请关注公众号【广开搜题】查看答案

问题 43: 13. 下面哪些是属于window对象的属性和方法（ ）。

选项:

• A. write()

• B. alert()

• C. confirm()

• D. prompt()

答案: 请关注公众号【广开搜题】查看答案

问题 44: 14. 关于JavaScript中于window对象的说法，正确的说法是（）。

选项:

• A. 若对当前单个window对象操作时，可将引用window对象的代码省略

• B. window对象提供了一些产生交互行为的操作，如对话框等

• C. 当打开浏览器窗口时，将创建window对象的实例

• D. 当前页面使用框架集时，只有一个window对象实例

答案: 请关注公众号【广开搜题】查看答案

问题 45: 15. JavaScript中以下结果为10的有（）。

选项:

• A. parseInt(10.4a)

• B. Number(10)

• C. parseFloat(10.4a)

• D. Number(10a)

答案: 请关注公众号【广开搜题】查看答案

问题 46: 16. JavaScript脚本的扩展名为（ ）

选项:

• A. css

• B. js

• C. html

• D. txt

答案: 请关注公众号【广开搜题】查看答案

问题 47: 17. ｄocument.write()语句用于（）。

选项:

• A. 关闭浏览器窗口

• B. 在浏览器标题栏输出指定内容

• C. 在HTML文档载入时调用程序

• D. 在浏览器窗口中输出指定内容

答案: 请关注公众号【广开搜题】查看答案

问题 48: 18. 下列关于JavaScript数据类型的说法，不正确的是（ ）

选项:

• A. JavaScript中的整型长度与是计算机的执行环节和操作系统无关

• B. JavaScript中的变量可以具有多种数据类型，根据程序动态运行情况决定

• C. JavaScript中的整型数据和浮点型数据是严格区分的

• D. JavaScript中字符串类型采用的国际字符集Unicode

答案: 请关注公众号【广开搜题】查看答案

问题 49: 19. 下列关于JavaScript数据类型的说法，不正确的是（ ）

选项:

• A. JavaScript中的变量可以具有多种数据类型，根据程序动态运行情况决定

• B. JavaScript中字符串类型采用的国际字符集Unicode

• C. JavaScript中的整型长度与是计算机的执行环节和操作系统无关

• D. JavaScript中的整型数据和浮点型数据是严格区分的

答案: 请关注公众号【广开搜题】查看答案

问题 50: 20. JavaScript中String对象的split方法用于（）。

选项:

• A. 将字符串的小写字母转换成大写

• B. 将字符串的大写字母转换成小写

• C. 提取子字符串

• D. 分隔字符串

答案: 请关注公众号【广开搜题】查看答案

问题 51: 21. 以下关于JavaScript的函数，说法不正确的是（ ）

选项:

• A. 函数定义时只需列出参数表，不需给出参数的类型

• B. 函数定义时需声明其是否有返回值

• C. 函数返回值类型可能因其执行情况的不同而不同

• D. 函数体内也可以调用已定义的函数

答案: 请关注公众号【广开搜题】查看答案

问题 52: 22. 若字符串s是"Hello World"，则以下JavaScript代码“ ｄocument.write(s.toUpperCase());”输出结果是（）

选项:

• A. hello world

• B. Hello World

• C. H W

• D. HELLO WORLD

答案: 请关注公众号【广开搜题】查看答案

问题 53: 23. JavaScript中document对象的getElementById的方法是通过元素节点的（）获取并访问对象。

选项:

• A. id属性

• B. 标签

• C. name属性

• D. class属性

答案: 请关注公众号【广开搜题】查看答案

问题 54: 24. 下列哪个是不合法的JavaScript标识符（）

选项:

• A. a2

• B. 7s

• C. _z

• D. $a

答案: 请关注公众号【广开搜题】查看答案

问题 55: 25. 执行下面JavaScript代码后，如果在输入提示框中输入10并点击确定，显示结果应为（）：
ｖar add; ａdd = prompt("请输入加数:",""); ｄocument.write(add+10);

选项:

• A. 10

• B. NaN

• C. 1010

• D. 20

答案: 请关注公众号【广开搜题】查看答案

问题 56: 26. 如果要设置函数tick()每隔5秒执行一次，则正确的代码应为（）

选项:

• A. setTimeout（"tick()",5000）

• B. setInterval（"tick()",5000）

• C. setTimeout(tick,5)

• D. setInterval(tick,5)

答案: 请关注公众号【广开搜题】查看答案

问题 57: 27. 如果要设置函数tick()只在10秒后执行一次，则正确的JavaScript代码应为（）。

选项:

• A. setInterval（"tick()",10000）

• B. setInterval(tick,10000)

• C. setTimeout（"tick()",10000）

• D. setTimeout(tick,10000)

答案: 请关注公众号【广开搜题】查看答案

问题 58: 28. 要显示输出"Hello!He is my friend."（含双引号），正确的脚本语句是（） 。

选项:

• A. ｄocument.write(Hello!He is my friend.)

• B. ｄocument.write('" Hello!He is my friend." ')

• C. ｄocument.write(' Hello!He is my friend.')

• D. ｄocument.write( " Hello!He is my frien

答案: 请关注公众号【广开搜题】查看答案

问题 59: 29. 如果要设置函数tick()每隔2秒执行一次，则正确的代码应为（ ）。

选项:

• A. setInterval（"tick()",2000）

• B. setTimeout(tick,2000)

• C. setInterval(tick,1000)

• D. setTimeout（"tick()",2000）

答案: 请关注公众号【广开搜题】查看答案

问题 60: 30. JavaScript脚本的扩展名为（ ）

选项:

• A. txt

• B. css

• C. html

• D. js

答案: 请关注公众号【广开搜题】查看答案

问题 61: 31. 下列JavaScript的DOM对象方法中，（ ）用于删除节点。

选项:

• A. removeChild

• B. insertBefore

• C. appendChild

• D. cloneNode

答案: 请关注公众号【广开搜题】查看答案

问题 62: 32. 下列选项中关于JavaScript浏览器对象中history对象的说法错误的是（ ）。

选项:

• A. history对象的父对象是JavaScript浏览器对象的根对象window

• B. 应用history对象的back()方法相当于"前进”按钮，forward()方法相当于"后退”按钮

• C. history对象记录了用户在一个浏览器中已经访问过的URLs

• D. 应用history对象的方法可以实现IE浏览器中"前进”和"后退”按钮的功能

答案: 请关注公众号【广开搜题】查看答案

问题 63: 33. 在JavaScript中，关于document对象的方法，下列说法正确的是（ ）。

选项:

• A. getElementById()是通过元素ID获得元素对象的方法，其返回值为单个对象

• B. getElementbytagname()是通过元素name获得元素对象的方法，其返回值为对象组

• C. getElementByName()是通过元素name获得元素对象的方法，其返回值为单个对象

• D. getElementbyname()是通过元素ID获得元素对象的方法，其返回值为单个对象

答案: 请关注公众号【广开搜题】查看答案

问题 64: 34. 要后退到之前的页面，可用使用BOM的history对象的（）方法。

选项:

• A. assign()

• B. back()

• C. go()

• D. forward()

答案: 请关注公众号【广开搜题】查看答案

问题 65: 35. 制作网页上的浮动广告时，需要定义一个函数，实现浮动广告层随滚动条滚动的效果，假如已经定义好了这个名为move的函数，那么最后需要做的是（ ）。

选项:

• A. 捕获窗口的window.onload事件，调用move函数

• B. 捕获文档的document.onload事件，调用move函数

• C. 捕获文档的document.onscroll事件，调用move函数

• D. 捕获窗口的window.onscroll事件，调用move函数

答案: 请关注公众号【广开搜题】查看答案

问题 66: 1. Flex布局现已进入CSS 3标准。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 67: 2. 在Bootstrap中， jumbotorn的字体比h1还要大。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 68: 3. Bootstrap网格布局中，网格布局的容器必须先定义为.container类。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 69: 4. 采用Flex布局的网页元素，称为Flex容器（Flex container）。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 70: 5. 流式布局中所有元素的所有宽度属性都是以百分比定义的。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 71: 6. Boostrap中使用text-lowercase可以让英文字体全小写。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 72: 7. Boostrap中的情境文本颜色中，. text- warning 代表“危险—红”。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 73: 8. .col-lg-是Bootstrap的一种网格系统类。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 74: 9. Bootstrap的样式定义中关于< blockquote >标签的定义是默认居中显示的。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 75: 10. Boostrap中使用徽章的类是badge 。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 76: 11. Boostrap中的情境文本颜色中，. text- danger 代表“警告——黄”。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 77: 12. Flex布局比较适合用于小规模的布局，比如应用程序中的组件布局。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 78: 13. Bootstrap的网格系统中， .col-xs-类是针对小屏幕设备，即屏幕宽度小于768px的。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 79: 14. 在网格布局中，每个元素可只能占用多个列。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 80: 15. Bootstrap提供了丰富的表格样式供开发者使用。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 81: 16. Boostrap中的情境文本颜色中，. text- warning 代表“成功——绿”。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 82: 17. Bootstrap的网格系统中， .col-md-类是针对中型显示设备，屏幕宽度大于等于992px小于1200px的。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 83: 18. 流式布局中所有元素的所有宽度属性都是以像素定义的。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 84: 19. Bootstrap网页中为元素添加.lead类，可以让段落突出显示。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 85: 20. 如果对预定义的Bootstrap样式没有改动只是直接调用，在部署网站的时候调用压缩版就可以了。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 86: 21. 在Bootstrap中对列表使用（）类可使定义列表水平排列。

选项:

• A. . dl-horizontal

• B. . list-unstyled

• C. . list

• D. . list-inline类

答案: 请关注公众号【广开搜题】查看答案

问题 87: 22. Bootstrap中，通过对表格调用类（）可以让＜tbody>下的表格悬停鼠标指针实现背景效果。

选项:

• A. table-striped

• B. .table-hover

• C. .table-responsive

• D. .table-condensed

答案: 请关注公众号【广开搜题】查看答案

问题 88: 23. Bootstrap中，对图像添加对img-rounded类的应用可以（）。

选项:

• A. 变成圆形

• B. 添加阴影

• C. 添加边框

• D. 获得圆角

答案: 请关注公众号【广开搜题】查看答案

问题 89: 24. Bootstrap中表格情境背景颜色的类，danger表示（）。

选项:

• A. 表示一个需要注意的警告

• B. 对某一特定的行或单元格应用悬停颜色

• C. 表示一个成功的或积极的动作

• D. 表示一个危险的或潜在的负面动作

答案: 请关注公众号【广开搜题】查看答案

问题 90: 25. Bootstrap网页中可使用（）类使图片水平居中显示。

选项:

• A. .center

• B. .center-block

• C. .img-responsive

• D. .center-text

答案: 请关注公众号【广开搜题】查看答案

问题 91: 26. 以下关于各种布局方法的说明，不正确的是（）

选项:

• A. 弹性布局与流式布局的区别在于，包裹文字的布局元素的尺寸采用em为单位

• B. 流式布局中所有元素的所有宽度属性都是以百分比定义的

• C. 混合式布局可以根据每种布局元素的性质和显示效果来选择最合适的布局方式

• D. 固定布局中所有元素的所有宽度属性都是以像素定义的

答案: 请关注公众号【广开搜题】查看答案

问题 92: 27. Bootstrap布局中，col-md-*定义的是（）。

选项:

• A. 大型显示尺寸（≥1200px）的设备下显示的

• B. 中型显示设备（≥992px且<1200px）下显示的

• C. 小型设备，平板电脑等（≥768px且<992px）下显示的

• D. 超小设备手机（<768px）下显示的

答案: 请关注公众号【广开搜题】查看答案

问题 93: 28. 单选题::Bootstrap的网格系统类中，（）是对应于中等屏幕宽度(大于等于992px且小于1200px)的设备。

选项:

• A. .col-xs-

• B. .col-md-

• C. .col-sm-

• D. .col-lg-

答案: 请关注公众号【广开搜题】查看答案

问题 94: 29. 在Bootstrap中，利用（）类还可以增加标题的大小，显示比h1标题更大的字体。

选项:

• A. jumbotorn

• B. h2

• C. lead

• D. mark

答案: 请关注公众号【广开搜题】查看答案

问题 95: 30. 在Bootstrap中通过调用类.table-responsive可实现（）效果。

选项:

• A. 给表格添加边框

• B. 条纹状表格

• C. 响应式表格

• D. 指针悬停背景表格

答案: 请关注公众号【广开搜题】查看答案

问题 96: 31. Bootstrap中，text-lowercase可以设置英文文本（）。

选项:

• A. 大小写不变

• B. 全大写

• C. 全小写

• D. 首字母大写

答案: 请关注公众号【广开搜题】查看答案

问题 97: 32. Bootstrap中，span class="badge"表示显示一个（）。

选项:

• A. 对话框

• B. 徽章

• C. 浏览器窗口

• D. 标签

答案: 请关注公众号【广开搜题】查看答案

问题 98: 33. Bootstrap中，若为图片添加对（）类的调用，可以让图片支持响应式布局。

选项:

• A. .img-thumbnail

• B. .img-rounded

• C. .img-responsive

• D. .img-circle

答案: 请关注公众号【广开搜题】查看答案

问题 99: 34. Bootstrap中，dl-horizontal类可以（）。

选项:

• A. 让定义列表的列表项垂直排列

• B. 让ul的列表项水平排列

• C. 让ul的列表项垂直排列

• D. 让定义列表的列表项水平排列

答案: 请关注公众号【广开搜题】查看答案

问题 100: 35. 以下说法正确的有（）。

选项:

• A. 可以自行定制 Bootstrap 的组件

• B. Bootstrap需要将页面设置为HTML 5文档类型才能使用到某些 HTML 元素和 CSS 属性。

• C. Bootstrap包含了十几个可重用的组件

• D. Bootstrap不需要将页面设置为HTML 5文档类型。

答案: 请关注公众号【广开搜题】查看答案

问题 101: 36. Bootstrap提供了带有（）等组成的基本页面结构。

选项:

• A. 网格系统

• B. 背景

• C. 图像

• D. 链接样式

答案: 请关注公众号【广开搜题】查看答案

问题 102: 37. Bootstrap包含了（）等组件。

选项:

• A. 布局

• B. 表单

• C. 表格

• D. 导航

答案: 请关注公众号【广开搜题】查看答案

问题 103: 1. Bootstrap中，可通过.navbar-fixed-top把导航栏始终固定在页面底部。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 104: 2. Bootstrap 的按钮组不允许多个按钮被堆叠在同一行上。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 105: 3. Bootstrap的导航栏中也可以添加表单元素或字符串等。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 106: 4. Bootstrap 的表单包含了错误、警告和成功消息的验证样式。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 107: 5. Bootstrap中对胶囊式导航不能添加下拉菜单。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 108: 6. Bootstrap中可实现各种形式的导航栏。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 109: 7. Bootstrap 中的按钮组只能水平显示。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 110: 8. Bootstrap中标签式导航对应的类是.nav nav-tabs。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 111: 9. 面包屑导航可以用于在网页中显示类别、标签等内容。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 112: 10. Bootstrap中的每个下拉菜单实际上是一个列表。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 113: 11. Bootstrap中标签式导航对应的类是.nav nav-pills。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 114: 12. Bootstrap 中可以通过调用active和disable定义按钮的激活及禁用状态。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 115: 13. Bootstrap中可实现标签式导航、胶囊式导航等不同形式。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 116: 14. Bootstrap中的每个下拉菜单实际上是一个表单。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 117: 15. Bootstrap 中可以定义不同的预定义按钮样式。

选项:

答案: 请关注公众号【广开搜题】查看答案

问题 118: 16. 使用Bootstrap创建导航菜单需要向标签（）添加对应类的调用。

选项:

• A. li

• B. span

• C. ul

• D. nav

答案: 请关注公众号【广开搜题】查看答案

问题 119: 17. 在 Bootstrap 中，哪个类用于创建带有阴影的组件？

选项:

• A. .shadow

• B. .shadow-box

• C. .box-shadow

• D. .shadowed

答案: 请关注公众号【广开搜题】查看答案

问题 120: 18. Bootstrap 中的哪个类用于创建弹出提示（Popover）？

选项:

• A. .pop-up

• B. .popover

• C. .tooltip

• D. .hint-box

答案: 请关注公众号【广开搜题】查看答案

问题 121: 19. Bootstrap 轮播图的class是？

选项:

• A. carousel slide

• B. thumbnail

• C. container

• D. row

答案: 请关注公众号【广开搜题】查看答案

问题 122: 20. 如何设置轮播图只播放一次不循环？

选项:

• A. data-wrap

• B. "0"

• C. data-wrap

• D. "hover"

• E. "false"

• F. data-pause

• G. data-interval

• H. "true"

答案: 请关注公众号【广开搜题】查看答案

问题 123: 21. Bootstrap 导航菜单实现步骤包括（）。

选项:

• A. 对需要增加下拉菜单的导航项

• B. 设置列表项

• C. 列表项不需设置为超链接形式

• D. 添加下拉菜单所显示的列表ul

答案: 请关注公众号【广开搜题】查看答案

问题 124: 22. Bootstrap中关于表单的说法正确的有（）。

选项:

• A. Bootstrap 提供了3种类型的表单布局：垂直表单（默认）、内联表单和水平表单

• B. 垂直表单是Bootstrap表单的默认形式

• C. 使用Bootstrap，通过一些简单的 HTML 标签和扩展的类，即可创建出不同样式的表单

• D. 需要向父form元素添加对相关类的引用

答案: 请关注公众号【广开搜题】查看答案

问题 125: 23. Bootstrap 下拉菜单实现步骤包括（）。

选项:

• A. 添加下拉菜单所显示的列表ul

• B. 列表项不需设置为超链接形式

• C. 添加按钮属性

• D. 设置列表项

答案: 请关注公众号【广开搜题】查看答案

问题 126: 24. Bootstrap中包含了以下哪些按钮类（）。

选项:

• A. .btn- toolbar

• B. .btn- warning

• C. .btn- group

• D. ..btn- group- vertical

答案: 请关注公众号【广开搜题】查看答案