欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-04-30 23:09:32
...

静态网站搭建与开发

  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’ 属性

相关标签: 1+x bootstrap