基本资源库
您当前位置: 基本资源库> 2024更新-Html5+css3网页设计与制作教材资源> 单元测试> 第8章 bootstrap响应式布局-单元测试

第8章 bootstrap响应式布局-单元测试

发布时间:2020-11-22 17:55 浏览次数:240453    
字体大小 默认
  • 默认
  • 13pt
  • 14pt
  • 15pt
  • 16pt
  • 17pt
  • 18pt
  • 19pt
  • 20pt
  • 21pt
  • 22pt
  • 23pt
  • 24pt
  • 25pt
字体颜色

默认

  • 默认
背景颜色

默认

  • 默认

1. 下列关于flex的说法中正确的是(    )。

A.  flex 属性用于指定弹性子元素如何分配空间

B.  flex:1应该写在弹性元素上

C.  设置flex:1无意义

D.  flex是指设置固定定位

2. 下列选项中,属于弹性盒子元素属性的是(    )。

A. flex-flow     B.  justify-content     C.  flex      D. align-self

3. Bootstrap中描述响应式的、居中的容器类名为(    )。

A.  d-flex      B.  container  C. container-fluid  D.  btn-primary

4. 正确实现弹性盒布局的语句是(   )。

A.  display:flex       B.  display:block

C.  display:inline-block        D.  float:left

5. 实现弹性布局不换行效果的css语句正确的是(    )。

A.   flex:1    B.  white-space:nowrap

C.   flex-wrap:nowrap      D.  flex-wrap:wrap-reverse

6. Bootstrap插件依赖(  )开发的?

        A. JavaScript      B. JQuery     C. Angular JS     D. Node JS

7. 栅格系统小屏幕使用的类前缀是(    )。

A. .col-xs-        B. .col-sm-     C. .col-md-      D. .col-lg-

8. 要实现在超小屏幕和小屏幕显示两列,在中屏幕和大屏幕显示三列的效果,正确的css写法是(    )。

A.  col-sm-6 col-md-4 col-sm-6 col-md-4 col-sm-6 col-md-4

B.  col-sm-6 col-lg-4 col-sm-6 col-lg-4 col-sm-6 col-lg-4

C.  col-xs-6 col-lg-4 col-xs-6 col-lg-4 col-xs-6 col-lg-4

D.  col-xs-6 col-md-4 col-xs-6 col-md-4 col-xs-6 col-md-4

9. 下面可以实现列偏移的类是(    )。

        A. .col-md-offset-*           B. .col-md-push-* 

C. .col-md-pull-*            D. .col-md-move-*

10. .img-fluid类可以让图片支持响应式布局,它的实现原理是(    )。

A.  max-width:100%和height:auto  

B.  max-width:100%和height:100% 

C.  max-width:auto和height:100% 

D.  max-width:auto和height:auto 

11. 怎样修改轮播图的页面切换的时间间隔(    )。

A.  data-interval     B. data-pause   

C.  data-wrap   D.  data-time

12. 关于Bootstrap的布局容器说法正确的是(    )。

A.  .container类用于固定宽度并支持响应式布局的容器

B.  .container-fluid类用于100%宽度,占据全部视口的容器  

C. .container和.container-fluid可以相互嵌套   

D.  布局容器仅提供了.container和.container-fluid两种容器

13. 关于栅格系统说法正确的是(    )。

A. 栅格系统每一行不能少于12列

B.  通过“行(row)”在水平方向创建一组“列(column)”

C. 行(row)必须包含在.container或.container-fluid中,以便为其赋予合适的排列(aligment)和内边距(padding)   

D.  如果一行中包含的列大于12,多余的列所有的元素将被作为一个整体另起一行排列

14. 下列哪些是辅助类(   )。

A. .text-muted        B. text-primary    C. text-info     D. text-danger

15. 在Bootstrap中,关于flex-direction属性值错误的是(    )。

A.  col         B.  row       C.  row-reverse      D.  column-reverse

16. 在Bootstrap中,关于justify-content属性值错误的是(    )。

A.  flex-start         B.  flex-end       C.  middle      D.  space-between

17. 在Bootstrap中,以下的(    )不是文本对齐的方式。

      A. text-left        B. text-middle      C. text-right     D. text-justify

18. 在Bootstrap中,下列(    )类不属于button的预定义样式。

      A. btn-success     B. btn-warp        C. btn-info       D. btn-link

19. 在Bootstrap中,以下哪个类可以设置圆角边框(    ) 。

A.  rounded     B.  rounded-top     C. round D. rounded-0  

20.  在Bootstrap中,以下哪个类可以清除浮动(    ) 。

A.  clearFix     B.  clearfloat     C. clear D. clearfix  

操作成功!此窗口3秒钟后自动关闭!
立即关闭