web框架技术期末试题
1. Bootstrap网格系统在各种屏幕和设备上的约定，大型屏幕设备的断点范围是（ ） [单选题] *
A、≥576p
B、≥768px
C、≥992px(正确答案)
D、≥1200px
2. 下面代码表示<p class="bg-primary text-white">将来，社会迎接你的礼物，就是无数个打击，而你能做的准备，就是在校园里练就一颗坚强的心脏。</p> （ ） [单选题] *
A、这段文本是灰背景，白文本
B、这段文本是白背景，灰文本
C、这段文本是蓝背景，白文本(正确答案)
D、这段文本是蓝背景，灰文本
3. 圆角边框显示正圆效果的是（ ） [单选题] *
A、.rounded
B、.rounded-circle(正确答案)
C、.rounded-pill
D、.rounded-0
4. Bootstrap中的下拉菜单组件中功能选项必须包含在（ ）类容器中。 [单选题] *
A、.dropdown
B、.dropdown-menu(正确答案)
C、.dropdown-toggle
D、.dropdown-item
5. Bootstrap导航组件一般以列表结构为基础进行设计，下列描述错误的是（ ） [单选题] *
A、在<ul>上添加nav类
B、在每个<li>选项上添加nav-item类
C、在每个链接<a>上添加nav-link类
D、.flex-column类可以设置导航的水平布局(正确答案)
6. Bootstrap默认的网格和列间有边距，一般是左右15px的margin或padding处理，可以使用（ ）类来消除它 [单选题] *
A、border-0
B、m-0
C、no-gutters(正确答案)
D、p-0
7. 下列flexbox弹性布局容器表示内容排列的是（ ） [单选题] *
A、align-content-*
B、align-items-*
C、justify-content-*(正确答案)
D、align-self-*
8. Bootstrap中的下拉菜单组件必须包含在（ ）类容器中。 [单选题] *
A、.dropdown(正确答案)
B、.dropdown-menu
C、.dropdown-toggle
D、.dropdown-item
9. Bootstrap包含了一个强大的移动优先的网格系统，它是基于一个（ ）列的布局，有5种响应尺寸（对应不同的屏幕），用来创建各种形状和尺寸的布局。  [单选题] *
A、12(正确答案)
B、11
C、10
D、9
10. 使用（ ）类选择符，可以对空间进行可视化排序，系统提供了12个级别的顺序，在主流浏览器和设备宽度上都能生效。 [单选题] *
A、.sort-*
B、.index-*
C、.offset-*
D、.order-*(正确答案)
11. 通用样式类中，实现激活状态的类是（ ）。 [单选题] *
A、.active(正确答案)
B、.disabled
C、.nvalid
D、.effective
12. Bootstrap网格系统在各种屏幕和设备上的约定，中屏的类（.class）前缀是（ ） [单选题] *
A、col-sm
B、col-lg
C、col-md(正确答案)
D、col-xl
13. Bootstrap中，导航栏组件子组件中，用于折叠插件和导航切换行为的是（ ) [单选题] *
A、.navbar-brand
B、.navbar-nav
C、.navbar-toggler(正确答案)
D、.collapse .navbar-collapse
14. 下列代码表示: <body> <div class="row"> <div class="col-md-8 ">世界上好些最容易的事情中</div> <div class="col-md-4 ">拖延时间最不费力</div> </div> </body> [单选题] *
A、在任何类型的设备上，一行水平排列二部分，左边占8列，右边占4列
B、在小型屏幕设备上，一行水平排列二部分，左边占8列，右边占4列
C、在大型屏幕设备上，一行水平排列二部分，左边占8列，右边占4列
D、在中型屏幕设备上，一行水平排列二部分，左边占8列，右边占4列(正确答案)
15. 下列用于设置顶部内边距为1rem的是（ ） [单选题] *
A、<div class="p-2 bg-success">你所浪费的今天</div>
B、<div class="p-3 bg-success">是许多人奢望的明天</div>
C、<div class="pt-2 bg-success">你所面对的现在</div>
D、<div class="pt-3 bg-success">是未来你回不去的曾经</div>(正确答案)
16. Bootstrap提供了一些有代表意义的文本颜类，下列颜是灰的是（ ） [单选题] *
A、.text-primary
B、.text-secondary(正确答案)
C、.text-success
D、.text-danger
17. Bootstrap是美国（ ）公司开发的 [单选题] *
jquery是什么功能组件
A、Sun Microsystems
B、GitHub
C、Netscape
D、Twitter(正确答案)
18. 下列属于Bootstrap特的有（ ） *
A、支持响应式设计(正确答案)
B、跨设备、跨浏览器(正确答案)
C、可定制的jQuery插件(正确答案)
D、提供开源代码(正确答案)
19. 下列关于Flexbox的说法正确的是（ ） *
A、Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性(正确答案)
B、不是所有容器都可以指定为Flex布局
C、.d-inline-flex类设置对象为内联块级弹性伸缩盒子(正确答案)
D、.d-flex类设置对象为弹性伸缩盒子(正确答案)
20. Bootstrap中定义了两个容器类，分别为（ ） *
A、.container(正确答案)
B、.container-fluid(正确答案)
C、div
D、body
21. 要使用Bootstrap前端开发框架开发响应式布局页面，至少应该加载哪些文件（ ） *

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