1+x静态网站搭建与开发选择题
程序员文章站
2022-04-30 23:09:32
...
静态网站搭建与开发
-
BootStrap内置了一套响应式,移动设备优先的流式栅格系统,随着屏幕设备或视口尺寸的增加,系统会自动分为最多
**<u>12</u>**
列 -
关闭modal的按钮应加
data-dismiss = ‘modal’
属性 -
在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’
属性
上一篇: 5.5内存消息仓库
推荐阅读