zoukankan      html  css  js  c++  java
  • Bootstrap面试题

    一、单选题(针对以下题目,请选择最符合题目要求的答案。针对每一道题目,所有答案都选对,
    则该题得分,所选答案错误或不能选出所有答案,则该题不得分。每题2.5分,共80分。)
    1.Bootstrap插件全部依赖是()
    A.JavaScript
    B.JQuery
    C.AngularJS
    D.NodeJS
    2.栅格系统小型设备平板电脑屏幕使用的类前缀是()
    A..col-xs-B..col-sm-C..col-md-D..col-lg-
    3.如下代码中,想要在超小屏幕和小屏幕显示两列,在中屏幕和大屏幕显示三列,三个div的
    class正确的写法是(xs
    <div_class=”row'>
    <divclass=””>item1</div>
    <divclass=””>item2</div>
    <div_class=””>item3</div>
    </div>
    A.col-sm-6col-md-4col-sm-6col-md-4,col-sm-6col-md-4
    B.col-sm-6col-lg-4col-sm-6col-lg-4,col-sm-6col-lg-4
    C.col-xs-6col-lg-4col-xs-6col-lg-4,col-xs-6col-lg-4
    D.col-xs-6col-md-4col-xs-6col-md-4,col-xs-6col-md-4
    4.下面可以实现列偏移的类是()
    A..col-md-offset-*
    B..col-md-push-*
    c..col-md-pull-*
    D..col-md-move-*无
    5.表单元素要加上什么类,才能给表单添加圆角属性,和阴影效果()
    A.form-groupB.form-horizontalC.form-inlineD.form-control
    6.img-responsive类可以让图片支持响应式布局,它的实现原理是()
    A.设置了max-width:100%和height:auto;
    B.设置了max-width:100%;和height:100%;
    c.设置了with:auto;和max-height:100%;
    D.设置了width:auto;和height:auto;
    7.输入框组想加上图标,可以实现对表单控件的扩展的类是()
    A.input-group-btnB.input-group-addon
    C.form-controlD.input-group-extra
    8.标签页垂直方向堆叠排列,需要添加的类()
    A.nav-verticalB.nav-tabsC.nav-pillsD.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-centerB.nav-justified_C.nav-leftD.nav-right组件中
    12.模态框提供了哪些尺寸()
    A.modal-xsmodal-smmodal-mdmodal-lg
    B.modal-smmodal-mdmodal-lg
    C.modal-xsmodal-sm
    D.modal-smmodal-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-headingB.panel-bodyC.pane-footerD.panel-content
    17.用JavaScript怎样让轮播图从第二个图片开始播放()
    A.$('.carousel').carouse()B.S('.carousel').carousel(0)
    C.S(.carousel').carousel(1)D.S(.carousel').carousel(2)
    18.使用collapse实现手风琴,通过哪个属性关联整个面板组(
    A.data-parent
    B.data-toggle
    C.data-target
    D.href
    19.如何让轮播图在页面切换时有动画()
    A.添加in类
    B.添加fade类
    c.添加active类
    D.添加slide类
    20.关于轮播图说法正确的是()。
    A.轮播图的页面切换索引从1开始
    B.下一页实现方式data-slide-to=“prev”
    C.可以使用carousel-caption类为图片添加描述
    D.上一页实现方式data-slide-to=“-1”
    21.对于tooltip的元素,data-placement的作用是()
    A.工具提示条的显示大小
    B.工具提示条的显示位置
    c.工具提示条的显示动画
    D.工具提示条的显示颜色
    22.弹出框元素:<buttontype=”button”class=”btnbtn-lgbtn-danger”data-toggle=”popover”id=my
    popover”title=”thisismyPopoveelement”data-animation=true”data-content=”Andsomeamazing
    content.”点我弹出/隐藏弹出框</button>,对于title和data-content属性的作用,错误的是()
    A.title可以不支持html标签
    B.title是弹出框的标题
    C.data-content是弹出框的内容
    D.data-content可以支持html标签
    23.滚动监听哪个属性可以设置滚动条距离顶端的位置距离()
    A.data-offsetYB.data-offsetC.data-spyD.data-dismiss
    24.标签页加了fade给每个tab-pane使切换标签页时有动画,那么怎样让第一个默认显示
    出来()
    A.添加类active
    B.添加类show
    C.添加类in
    D.添加类fadeln
    25.怎样养tooltips通过点击事件弹出(
    A.data-placement=”click”B.data-delay=”click”
    C.data-title=”click”D.data-trigger=”click”
    26.怎样修改轮播图的页面切换的时间间隔()
    A.data-intervalB.data-pauseC.data-wrapD.data-time
    27.下列说法正确的是()
    A.button组件能同时支持工具提示和控制模态框。
    B.不要在同一个元素上同时使用多个插件的data属性
    C.使用bootstrap插件不需要引用jQuery
    D.bootstrap插件不可以单个引入
    28.怎样只关闭警告框的data-API()
    A.$(document).off'.data-api')
    B.$(document).off(.alert-data-api')
    c.$(document).off(.data-api.alert')
    D.$(document).off(.alert.data-api')
    29.关于分页组件说法错误的是(
    A.使用类pagination来实现
    B..pagination-lg、.pagination-sm类提供了额外可供选择的尺寸。
    C..disabled类不可用于翻页中的链接
    D.previous类和类next可以表示上一页、下一页
    30.下列哪个类起徽章的作用()
    A.page-headerB.jumbotronC.badgeD.thumbnail
    31.怎样为进度条创建条纹效果()
    A.添加类progress-bar-striped
    B.添加类progress-bar
    C.添加类progress-striped
    D.添加类progressBar-striped
    32.制作tab切换,要显示的内容要放在下方哪个容器里面()
    A.contentB.tab-groupC.tab-bodyD.tab-content
    二,多选题(针对以下题目,请选择最符合题目要求的答案。针对每一道题目,所有答案都选对,
    则该题得分,漏选答案则该题得2分,选了错误答案则该题不得分。每题4分,共20分。
    33.关于bootstrap的布局容器说法正确的有()
    A..container类用于固定宽度并支持响应式布局的容器。
    B..container-fluid类用于100%宽度,占据全部视口(viewport)的容器。
    C..container和.container-fluid可以互相嵌套
    D.布局容器仅提供了.container和.container-fluid两种容器
    34.如果想要绘制带边框的条纹状的表格需要添加的类有()
    A.table-condensed
    B.table-hover
    C.table-bordered
    D.table-striped
    35.下列关于栅格系统说法正确的有()
    A.栅格系统每一行不能少于12列
    B.通过“行(row)”在水平方向创建一组“列(column)”。
    C.行(row)”必须包含在.container(固定宽度)或.container-fluid(100%宽度)中,以便为其赋予
    合适的排列(aligment)和内补(padding)。
    36.下列哪些是辅助类()
    A.text-mutedB.text-primaryC.text-infoD.text-danger
    37.下列哪个类是在手机端隐藏指定元素
    Ahidden-lgBhidden-xsChideDshow

  • 相关阅读:
    分页公共方法
    关于锁表查询的部分SQL
    将Excel中的数据绑定到DataGrid控件中
    CMMI相关信息
    图片在DataGrid中的用法
    关于standard Button和html Button之disabled属性的比较
    VS2003中链接数据库方法
    .NET多语言版本系统功能实现
    Read and Write 单一文件
    为继承masterpage的页面设置defaultbutton和defaultfocus
  • 原文地址:https://www.cnblogs.com/wangxue13/p/13578513.html
Copyright © 2011-2022 走看看