Bootstrap页面布局19 - BS提示信息
2014-08-03 15:42
453 查看
提示信息的设计
提示信息的类:
.alert:提示信息类
.alert alert-danger:
.alert alert-error:
.alert alert-success:
.alert alert-info:
.alert alert-block:
.alert alert-heading:
提示信息按钮:
<a href='javascript:;' class='close' data-dismiss='alert'></a>
代码块:
如图:
提示信息的类:
.alert:提示信息类
.alert alert-danger:
.alert alert-error:
.alert alert-success:
.alert alert-info:
.alert alert-block:
.alert alert-heading:
提示信息按钮:
<a href='javascript:;' class='close' data-dismiss='alert'></a>
代码块:
<div class='container'> <h2 class='page-header'>Bootstrap 提示信息</h2> <div class='alert alert-heading'> <!--给这个提示框添加一个关闭按钮--> <a href='javascipt:;' class='close' data-dismiss='alert'>关闭</a> <h4>温馨提示:</h4> Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. </div> </div>
如图:
相关文章推荐
- Bootstrap页面布局22 - BS工具提示
- Bootstrap页面布局6 - BS把已有的固定宽度布局转换成响应式布局
- Bootstrap页面布局1 - 下载BS(bootstrap简称)
- Bootstrap页面布局13 - BS按钮
- Bootstrap页面布局10 - BS代码
- Bootstrap页面布局24 - BS旋转木马功能
- Bootstrap页面布局18 - BS导航路径以及分页器
- Bootstrap页面布局2 - 包含BS文件
- Bootstrap页面布局12 - BS表单元素的排版
- Bootstrap页面布局21 - BS对话框设计
- Bootstrap页面布局9 - BS列表
- Bootstrap页面布局20 - BS缩略图
- Bootstrap页面布局15 - BS带下拉菜单的按钮
- Bootstrap页面布局8 - BS常用标签与样式
- Bootstrap页面布局3 - BS布局以及流动布局
- spring mvc之把信息提示带到下个页面
- 漂亮的页面加载提示信息
- 非常漂亮的让背景如此暗淡(一种弹出提示信息时页面背景色调改变的方法)
- 让背景如此暗淡(一种弹出提示信息时页面背景色调改变的方法)
- spring mvc之把信息提示带到下个页面