Bootstrap响应式网站开发任务式教程习题答案 (2).docxVIP

PAGE31

拓展训练-答案

1.选择题

（1）Bootstrap中.rounded-circle类的功能是（B）。

A.为图片添加圆角B.将图片变为圆形C.缩略图功能D.图片响应式

（2）针对Bootstrap框架的特性描述错误的是（A）。

A.Bootstrap是以PC优先的设计框架。

B.Edge、Firefox、Google等主流的浏览器都支持Bootstrap。

C.Bootstrap的响应式CSS能够自适应于台式机、平板电脑和手机等设备。

D.Bootstrap提供了大量的CSS和JavaScript组件。

2.实践项目：体验响应式网页效果。

（1）分别使用PC与手机访问腾讯网，体验响应式的页面效果，如图所示。

（a）手机访问页面效果（b）PC访问页面效果

图体验PC与手机访问腾讯网的效果

（2）使用“GoogleChrome”浏览器访问华为官网，按快捷键F12进入“检查”模式，体验响应式的页面效果。

（a）手机访问页面效果（b）PC访问页面效果

图体验PC与手机访问华为官网的效果