首页 > 自考资讯 > 高考百科

bootstrap(bootstrap网页设计)

小条 2024-07-05

bootstrap 容器

容器- 流体Fluid Containers1170970750100%

bootstrap 栅格系统

Bootstrap 将页面水平划分为12 个相等的部分,定义适合不同宽度的相等部分的样式类,并创建一组响应式移动设备的表单。 -第一个流网格系统:

1.col-lg-

2.col-md-

3.col-sm-

4.col-xs-

bootstrap响应式查询区间:

1. 768以上

2. 992或以上

3. 1200以上

bootstrap 表单

1.表单声明表单字段

2. form-inline 内联表单字段

3. form-horizontal 水平对齐表单字段

4. form-group 包含表单文本和表单控件的表单组

5.表单控件文本输入框和下拉列表控件样式

6. checkbox checkbox-内联多选框样式

7. Radio Radio - 内嵌单选按钮样式

8.输入组形成控制组

9. input-group-addon 表单控件组对象样式10. input-group-btn 按钮表单控件组对象样式

10. form-group-lg 大表格

11. form-group-sm 小表格

bootstrap 按钮

1.btn声明按钮

2. btn-default 默认按钮样式

3. btn-primay

4.按钮成功

5. 按钮信息

6. 按钮提醒

7. btn-危险

8. 按钮链接

9.btn-lg

10.btn-MD

11.btn-xs

12. btn-block 的宽度是父级宽度的100%。

13. 活跃

14.残疾人士

15. btn-group 定义按钮组

bootstrap 图片

img-sensitive 声明响应式图像

bootstrap 隐藏类

1.隐藏-xs

2.隐藏SM

3.隐藏MD

4.隐藏lg

bootstrap 字体图标

要用字体替换图标,fonts 文件夹必须与css 文件夹位于同一目录中。

bootstrap 下拉菜单

1. 下拉切换

2. 下拉菜单

bootstrap 选项卡

1.nav

2. 导航选项卡

3. 导航丸

4. 选项卡内容

bootstrap 导航条

1.navbar声明一个导航栏

2. navbar-default 声明默认的导航栏样式。

3. navbar-inverse 声明倒转的导航栏样式。

4. navbar-static-top 去除导航栏的圆角。

5. navbar-fixed-top 导航栏固定在顶部

6. navbar-fixed-bottom 固定到底部导航栏

7. navbar-header 声明一个徽标容器

8. navbar-brand 是一种用于固定内容(例如徽标)的样式。

11. nav navbar-nav 定义导航栏菜单

12. navbar-form 定义导航栏的形式

13. navbar-btn 定义导航栏按钮

14. navbar-text 定义导航栏文本

9.导航栏左侧菜单在左侧

10.右侧导航栏右侧菜单

bootstrap 模态框

1.modal声明一个模态框

2.modal-dialog定义模态框的大小

3. modal-lg定义一个大尺寸的模态框

4. modal-sm 定义小尺寸的模态框

5.模态标题

6. 模态体

7.模态页脚

Bootstrap中文网站:http://www.bootcss.com/

版权声明:本文转载于网络,版权归作者所有。如有侵权,请联系本站编辑删除。

猜你喜欢