Bootstrap移动开发知到课后答案智慧树章节测试答案2025年春黑龙江农业工程职业学院

Bootstrap移动开发知到课后答案智慧树章节测试答案2025年春黑龙江农业工程职业学院项目一单元测试

以下关于bootstrap的说法，不正确的是（）

A:bootstrap基于HTML、CSS和JavaScriptB:它是前段响应式框架C:其他三项都不对D:网格布局时，可以将一行项目分为12列

答案:其他三项都不对bootstrap1的推出时间为（）

A:2012B:2009C:2010D:2011

答案:2011以下哪个是bootstrap的优点（）

A:简单易上手B:其他三项都对C:响应式布局D:移动设备优先

答案:其他三项都对以下哪个效果或组件可以通过bootstrap快速实现（）

A:添加导航菜单B:设置文本颜色C:添加边框D:其余三项都对

答案:其余三项都对bootstrap-reboot.css文件的作用为（）

A:重置样式B:其他三项都不对C:各组件的样式D:网格布局

答案:重置样式bootstrap4中网格布局是将一行（.row）均分为（）列

A:12B:10C:16D:14

答案:12与bootstrap3相比，以下哪个是bootstrap4的特点（）

A:其他三项都不对B:设计一套字体图标库C:引用了弹性布局D:引用了网格布局

答案:引用了弹性布局Bootstrap是英国Twitter公司的设计师MarkOtto(马克●奥托)和JacobThornton(雅各布●桑顿)合作开发的。（）

A:错B:对

答案:错2021年8月，Twitter将其开源，开源页面地址为:/Bootstrap。（）

A:对B:错

答案:错Bootstrap的HTML组件和JavaScript组件非常丰富，并且代码简洁，非常易于修改。（）

A:对B:错

答案:对

项目二单元测试

使用bootstrap4中的网格布局时，为保证项目不折行显示，一行不可以分为（）列。

A:1B:12C:7D:15

答案:15使用bootstrap4中的网格布局时，为保证项目不发生换行，一行最多可分为（）列。

A:12B:9C:6D:15

答案:12下面说法不正确的是（）

A:当设置项目在屏幕宽度大于等于992px时所占据多少列，使用的类名为.col-lg。B:当设置项目在屏幕宽度大于等于768px时所占据多少列，使用的类名为.col-md。C:当设置项目在屏幕宽度大于等于576px时所占据多少列，使用的类名为.col-sm。D:当设置项目在屏幕宽度大于等于992px时所占据多少列，使用的类名为.col-xl。

答案:当设置项目在屏幕宽度大于等于992px时所占据多少列，使用的类名为.col-xl。阅读以下代码，当屏幕宽度≥576px时，该项目占据（）列，当屏幕宽度≥992时，该项目占据（）列。

<divclass="container">

<divclass="row">

<divclass="col-sm-6"><imgsrc="images/img.jpg"class="img-fluid"></div>

</div>

</div>

A:项目本身宽度，项目本身宽度B:6，6C:6，项目本身宽度D:项目本身宽度，6

答案:6，6阅读以下代码，当屏幕宽度≥768px时，占据（）列，当屏幕宽度≥1200时，占据（）列。

<divclass="container">

<divclass="row">

<divclass="col-md-6col-lg-2"><imgsrc="images/30.jpg"class="img-fluid"></div>

</div>

</div>

A:6，6B:2，6C:6，2D:2，2

答案:6，2视口(viewport)和窗口(window)是两个不同的概念。（）

A:错B:对

答案:对视觉视口是用户当前看到的区域，用户可以通过缩放操作视觉视口。（）

A:对B:错

答案:对媒体查询是向不同设备提供不同样式的一种不错选择。（）

A:错B:对

答案:对Bootstrap框架默认的栅格系统最多为24列，形成一个960px宽的容器，默认就是响应式布局特性。（）

A:对B:错

答案:错Bootstrap可以制作响应页面，能为不同尺寸屏幕提供不同栅格样式。（）

A:错B:对

答案:对设置响应式浮动的方式就是添加类名：float-(sm|md|xl|lg}+{left|right|none}。（）

A:对B:错

答案:对Bootstrap中不能通过添加类名快速设置元素定位方式。（）

A:错B:对

答案:错使用Bootstrap来设置元素的display样式时，仅需要为元素添加和相应的属性值即可。（）

A:错B:对

答案:对Bootstrap中利用display属性设置元素的显示和隐藏，具体实现方法就是通过类名.d-none将元素隐藏，而其它类名就可以设置元素显示的对应方式，例如：.d-block（将元素显示为块级元素）。（）

A:对B:错

答案:对

项目三单元测试

设置元素的四面都有边框的类名是（）

A:border-bottomB:border-0C:borderD:border-top

答案:border清除元素所有边框的类名是（）

A:borderB:border-0C:border-bottomD:border-top

答案:border-0下面代码可以显示元素上、左、右边框的是（）

A:<divclass="borderborder-bottom-0border-info"></div>、<divclass="border-topborder-leftborder-rightborder-info"></div>都可以B:<divclass="borderborder-bottom-0border-info"></div>C:<divclass="borderborder-bottom-0border-info"></div>、<divclass="border-topborder-leftborder-rightborder-info"></div>都不可以D:<divclass="border-topborder-leftborder-rightborder-info"></div>

答案:<divclass="borderborder-bottom-0border-info"></div>、<divclass="border-topborder-leftborder-rightborder-info"></div>都可以设置元素向左浮动的的类名为（）

A:float-rightB:float-noneC:float-leftD:clearfix

答案:float-left清除元素的浮动使用的类名有（）

A:float-noneB:clearfixC:float-leftD:float-right

答案:clearfixBootstrap中提供了多种边框样式，可以用于图像、按钮或者其他元素，并且这些样式仅须添加类名即可实现。（）

A:错B:对

答案:对

项目四单元测试

在引入了bootstrap的前提下，下面哪个选项可以为文字调用标题样式（）。

A:<pclass="h1">你好</p>B:<pid="h1">你好</p>C:<p>你好</p>D:<ptitle="h1">你好</p>

答案:<pclass="h1">你好</p>使用bootstrap清除列表样式，使用的类名是（）

A:list-noneB:listC:list-style:noneD:list-unstyled

答案:list-unstyledbootstrap中，以下哪个类名可以设置图片的效果（）

A:img-fluidB:rounded-pillC:roundedD:其余三项全都是

答案:其余三项全都是bootstrap中，以下哪个类名无法设置文本的粗细（）

A:font-weight-boldB:text-wrapC:font-weight-lightD:font-weight-bolder

答案:text-wrapbootstrap中，以下哪个类名可以设置表格的条纹样式（）

A:table-smB:table-darkC:table-stripedD:table-bordered

答案:table-stripedBootstrap提供了副标题样式，添加副标题时，读者需要使用<small>标签将副标题内容括起来，或者为标签设置类名.small。（）

A:对B:错

答案:对在Bootstrap中，类名.text-body，设置文字颜色为#fff。（）

A:错B:对

答案:错条纹状表格指的是表格呈现为隔行变色，需要制作条纹状表格，为表格标签<table>添加类名.table-striped即可。（）

A:错B:对

答案:对在Html5中表单包括表单域和相关表单控件，如单选框、复选框、按钮、输入框、下拉菜单等。Bootstrap中的表单支持这些表单控件，并且定义了自己的样式。（）

A:错B:对

答案:对Bootstrap中预设了2种按钮尺寸，分别是大按钮、小按钮。（）

A:错B:对

答案:错

项目五单元测试

添加导航菜单时，需要使用类名（）。

A:.navB:input-groupC:dropmenuD:form-inline

答案:.nav添加选项卡时，使用类名（）可以将该选项设置为激活状态

A:activeB:disabledC:disableD:actived

答案:active设置导航菜单的居中对齐，使用的类名是（）

A:justify-content-centerB:align-items-centerC:nav-centerD:align-content-center

答案:justify-content-center设置导航栏垂直排列，使用的类名为（）

A:flex-verticalB:nav-columnC:flex-columnD:nav-certical

答案:flex-column如果为导航栏添加商标，那么应该为商标添加类名（）。

A:navbar-textB:navbar-brandC:nav-itemsD:nav-logo

答案:navbar-brand输入框组件指的是输入框及其两侧定义的文本，按钮等控件的组合。（）

A:错B:对

答案:对Bootstrap中激活下拉菜单有两种方式，第一种是在下拉菜单按钮上添加data-toggle=“dropdown”属性，第二种方式是添加JavaScript代码。（）

A:对B:错

答案:对导航栏及其内容默认情况下是流畅的。更改导航栏容器以不同方式限制其垂直高度。（）

A:对B:错

答案:错默认的列表组是垂直排列的，读者可以通过添加类名.list-group-horizontal将列表组设置为水平排列。（）

A:对B:错

答案:对添加折叠面板组件需要使用类collapse。（）

A:对B:错

答案:对

项目六单元测试

添加滚动监听时，主要依赖（）属性实现导航链接与目标位置一一对应。

A:toB:hrefC:data-hrefD:data-target

答案:href添加折叠面板时，需要为折叠面板添加（）类名

A:collapseB:carousel-bodyC:carouselD:collapse-body

答案:collapse使用折叠面板时，如果使用按钮来定义折叠面板的“开关”那么通过（）属性实现“开关”与面板的对应。

A:data-targetB:data-hrefC:targetD:href

答案:data-target使用折叠面板时，如果使用超链接来定义折叠面板的“开关”那么通过（）属性实现“开关”与面板的对应。

A:targetB:data-targetC:hrefD:data-href

答案:href旋转加载动画的设置要通过spinner-border来实现。（）

A:错B:对

答案:对Bootstrap一次只支持一个模式窗口，支持嵌套的modals。（）

A:对B:错

答案:错添加多态化模态框，需要组合使用data-whatever属性和JavaScript脚本。（）

A:对B:错

答案:对Bootstrap中不使用声明绑定data-toggle，选项卡组件也支持用JavaScript代码直接初始化。（）

A:对B:错

答案:对轮播图片上存在.d-blockdisplay和.w-100，以防止浏览器默认图片对齐。（）

A:对B:错

答案:错轮播组件的方法carousel(“prev”)功能循环轮播到下一个项目。（）

A:错B:对

答案:错

项目七单元测试

要添加第三方bootstrap组件datapicker，那么使用的方法是（）

A:date()B:datepicker()C:datepick()D:其他都不对

答案:datepicker()使用第三方组件bootstrap后，实现选择日期后，立即关闭日期选择器，则应该使用的方法是（）

A:datepicker()B:datepicker(“autoClose”)C:datepick({autoClose:true})D:其他都不对

答案:datepick({autoClose:true})使用第三方组件bootbox后，弹出alert警告框，警告内容为“小心，危险”那么下面代码正确的是（）

A:bootbox.alert("小心，危险")B:bootbox.alert("小心，危险")、bootbox.alert({message:"小心，危险"})都不对C:bootbox.alert("小心，危险")、bootbox.alert({message:"小心，危险"})都对D:bootbox.alert({message:"小心，危险"})

答案:bootbox.alert("小心，危险")、bootbox.alert({message:"小心，危险"})都对下面代码所实现的功能，说法正确的是（）

bootbox.confirm("确定要关机吗？",function(result){

if(result){

bootbox.alert("即将关机")

}

else{

bootbox.alert("已取消")

}

})

A:单击取消按钮显示即将关机会话框，单击确认按钮显示已取消会话框。B:单击关机和取消按钮都显示已取