响应式web开发技术 期末试题[复制]21计应3班(扩招)响应式web开发技术.pdfVIP

21计应3班（扩招）响应式web开发技术期末试题[复制]21

计应3班（扩招）响应式web开发技术期末试题

必须填写姓名和学号，否则视为匿名无效！

基本信息：[矩阵文本题]*

姓名：

________________________

学号：

________________________

1.在Bootstrap中，对于较长的文本内容，可以添加（）类，以省略号的形式表示

超出容器的文本内容。[单选题]*

A、.text-truncate(正确答案)

B、white-space:nowrap;

C、text-overflow:ellipsis;

D、overflow:hidden;

2.Bootstrap网格系统在各种屏幕和设备上的约定，大型屏幕设备的断点范围是

（）[单选题]*

A、≥576p

B、≥768px

C、≥992px(正确答案)

D、≥1200px

3.Bootstrap中用来设置文本居中的类是（）[单选题]*

A、.text-left

B、.text-center(正确答案)

C、.text-right

D、.text-justify

4.在Bootstrap中可以使用（）类选择符，进行列偏移。[单选题]*

A、.deviation-*

B、.offset-*(正确答案)

C、.index-*

D、.order-*

5.通常使用span标签，添加（）类来设计徽章[单选题]*

A、.badge(正确答案)

B、.alert

C、.progress

D、.media

6.在Bootstrap中，定位元素表示相对定位的是（）[单选题]*

A、.position-static

B、.position-relative(正确答案)

C、.position-absolute

D、.position-fixed

7.Bootstrap中使用（）类来清除浮动[单选题]*

A、.clearfix(正确答案)

B、.clear-float

C、.clear

D、.float-none

8.在Bootstrap中，给图片添加（）类，图片大小会随着父元素大小同步缩放，更

加方便且不会轻易撑破其元素。[单选题]*

A、.img-fluid(正确答案)

B、.img-thumbnail

C、min-width:100%;

D、width:auto;

9.卡片组件是Bootstrap新增的一组重要样式，卡片阵列是（）[单选题]*

A、.card-columns

B、.card-group

C、.card-deck(正确答案)

D、.card

10.改变flex项目在flex容器中的包裹方式（可以实现弹性布局）下列表示包裹的

是（）[单选题]*

A、.flex-nowrap

B、.flex-wrap(正确答案)

C、.flex-wrap-reverse

D、.flex-fill

11.下列用于设置垂直上下外边距为0.5rem的是（）[单选题]*

A、divclass=mx-2bg-success我们生于红旗之下/div

B、divclass=mt-2bg-success长于春风之中/div

C、divclass=mb-2bg-success目光所至皆为华夏/div

D、divclass=my-2bg-success五星闪耀皆为信仰/div(正确答案)

12.下列“bodydivclass=rowdivclass=col-6为什么要读书?/divdiv

class=col-6因为你要相信前方有一个更好的你在等着你！/div/div/body”

代码表示:（）[单选题]*

A、在任何类型的设备上，列的宽度都是占50%(正确答案)

B、在小型屏幕设备上，列的宽度都是占50%

C、在中型屏幕设备上，列的宽度都是占50%

D、在大型屏幕设备上，列的宽度都是占50%

13.下列关于宽度正确写法的是（）[单选题]*

A、divclass=w-25盛年不再来/div

B、divclass=w-50一日难再晨/div

C、divclass=w-80及时当勉励/div

D、divclass=w-100岁月不待人/div