1+x静态网站搭建与开发选择题

静态网站搭建与开发

1. BootStrap内置了一套响应式，移动设备优先的流式栅格系统，随着屏幕设备或视口尺寸的增加，系统会自动分为最多**<u>12</u>**列

2. 关闭modal的按钮应加data-dismiss = ‘modal’属性

3. 在BootStrap中，以下的 代码是文本对齐的方式的代码

   .text-right //右对齐

   .text-left //左对齐

   .text-center // 居中对齐

   .text-justify//改变字与字之间的间距使得每行对齐

4.在BootStrap中，下列是关于响应式栅格系统的描述

col-sm-8-小屏幕(>=768px)//如果屏幕太小，该布局失效用户列表会回到默认的堆叠状态

lg用来匹配大屏幕(>=1200px)

md用来匹配中等屏幕(>=992px)

sm用来匹配小屏幕(>=768px)

xs用来匹配小屏幕(<768px)

5.BootStrap允许两种方式现实代码：一种是标签，第二种是

标签。

6.BootStrap中，下列的类属于button的预定义样式

类	描述	类	描述
.btn	为按钮添加基本样式	.btn-default	默认/标准按钮
.btn-primary	原始按钮样式（未被操作）	.btn-success	表示成功的动作
.btn-info	该样式可用于要弹出信息的按钮	.btn-warning	表示需要谨慎操作的按钮
.btn-danger	表示一个危险动作的按钮操作	.btn-link	让按钮看起来像个链接 (仍然保留按钮行为)
.btn-lg	制作一个大按钮	.btn-sm	制作一个小按钮
.btn-xs	制作一个超小按钮	.btn-block	块级按钮(拉伸至父元素100%的宽度)
.active	按钮被点击	.disabled	禁用按钮

7.以下是BootStrap的表格样式：

标签	描述
.table	基础表格
.table-striped	斑马线表格
.table-bordered	带边框的表格
.table-hover	鼠标悬停高亮的表格
.table-condensed	紧凑型表格
.table-responsive	响应式表格

8.在BootSrap中，下列属于图片处理类。

标签	描述
.img-rounded	为图片添加圆角（IE8不支持）
.img-circle	将图片变为圆形（IE8不支持）
.img-thumbnail	缩略图功能

9.在BootStrap中，栅格系统的标准用法：

1.<div class = "col-md-1">
    <div class - "row">
    </div>
</div>

2.<div class - "row">
	<div class = "col-md-1">
    </div>
</div>

3.<div class - "container">
	<div class = "row">
    </div>
</div>

10.BootStrap表单空间样式为：from-control

11.以下是关于BootStrap栅格正确的描述

“justify-content-类型”可在行的div标签中实现水平布局

栅格系统默认每一行最多12列

“offset-数字”可实现格栅偏移

12.关闭modal的按钮应该加 data-dismiss = ‘modal’ 属性