一、单选题(针对以下题目,请选择最符合题目要求的答案。针对每一道题目,所有答案都选对,则该题得分,所选答案错误或不能选出所有答案,则该题不得分。每题2.5分,共80分。)
1. Bootstrap 插件全部依赖是( )
A.JavaScript
B.JQuery
C.Angular JS
D.Node JS
2. 栅格系统小屏幕使用的类前缀是( )
A. .col-xs- B. .col-sm- C. .col-md- D. .col-lg-
3. 如下代码中,想要在超小屏幕和小屏幕显示两列,在中屏幕和大屏幕显示三列,三个div的class正确的写法是( )
<div class="row">
<div class=" ">item1</div>
<div class=" "> item2</div>
<div class=" "> item3</div>
</div>
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
4. 下面可以实现列偏移的类是( )
A. .col-md-offset-*
B. .col-md-push-*
C. .col-md-pull-*
D. .col-md-move-*
5. 表单元素要加上什么类,才能给表单添加圆角属性,和阴影效果()
A. form-group B. form-horizontal C. form-inline D. form-control
6. img-responsive类可以让图片支持响应式布局,它的实现原理是( )
A.设置了max-width: 100%;和 height: auto;
B. 设置了max-width: 100%; 和 height: 100%;
C. 设置了width: auto; 和 max-height: 100%;
D. 设置了width: auto; 和 height: auto;
bootstrap 57.输入框组想加上图标,可以实现对表单控件的扩展的类是( )
A. .input-group-btn B. .input-group-addon
C. form-control D. input-group-extra
8. 标签页垂直方向堆叠排列,需要添加的类()
A.nav-vertical B.nav-tabs C.nav-pills D.nav-stacked
9. 可以把导航固定在顶部的类是()
A. navbar-fixed-top
B. navbar-fixed-bottom
C. navbar-static-top
D. navbar-inverse
10. 导航条在小屏幕会被折叠,实现显示和折叠功能的按钮需要加什么()
A. 折叠按钮加data-toggle=’collapsed’,折叠容器需要加collapsed类
B. 折叠按钮加data-toggle=’collapse’,折叠容器需要加collapse类
C. 折叠按钮加data-toggle=’scroll’,折叠容器需要加collapse类
D. 折叠按钮加data-spy=’scroll’,折叠容器需要加collapse类
11. 实现nav平铺整行,应该加哪个类()
A. nav-center B. nav-justified C. nav-left D. nav-right
12. 模态框提供了哪些尺寸( )
A. modal-xs modal-sm modal-md modal-lg
B. modal-sm modal-md modal-lg
C. modal-xs modal-sm
D. modal-sm modal-lg
13. 如果你不需要模态框弹出时的动画效果(淡入淡出效果)怎样实现( )
A. 删掉 .fade 类即可
B. 添加删掉 .fade 类即可
C. 去掉 .active 类即可
D.去掉.in 类即可
14. 怎样实现滚动监听事件( )
A. 添加data-toggle=“scroll” B. 添加data-target=’scroll’
C. 添加data-spy=’scroll’ D. 添加data-dismiss=”scroll”
15. 关闭modal 的按钮应该加什么属性()
A. data-dismiss=’modal’ B.data-toggle=’modal‘ C. data-spy=’modal’ D. data-hide='true'
16. 下列不属于panel的三要素是()
A. panel-heading B. panel-body C. panel-footer D. panel-content
17.用JavaScript怎样让轮播图从第二个图片开始播放( )
A. $('.carousel').carousel() B. $('.carousel').carousel(0) C. $('.carousel').carousel(1) D.$('.carousel').carousel(2)
18. 使用collapse实现手风琴,通过哪个属性关联整个面板组( )
A.data-parent
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论