internet与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、<div class="mx-2 bg-success">我们生于红旗之下</div>
B、<div class="mt-2 bg-success">长于春风之中</div>
C、<div class="mb-2 bg-success">目光所至皆为华夏</div>
D、<div class="my-2 bg-success">五星闪耀皆为信仰</div>(正确答案)
12. 下列“<body> <div class="row"> <div class="col-6 ">为什么要读书?</div> <div class="col-6 ">因为你要相信前方有一个更好的你在等着你！</div> </div> </body>” 代码表示:（ ） [单选题] *
A、在任何类型的设备上，列的宽度都是占50%(正确答案)
B、在小型屏幕设备上，列的宽度都是占50%
C、在中型屏幕设备上，列的宽度都是占50%
D、在大型屏幕设备上，列的宽度都是占50%
13. 下列关于宽度正确写法的是（ ） [单选题] *
A、<div class="w-25">盛年不再来</div>
B、<div class="w-50">一日难再晨</div>
C、<div class="w-80">及时当勉励</div>
D、<div class="w-100">岁月不待人</div>(正确答案)
为什么使用bootstrap?

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。