Bootstrap警告(Alerts)的实现方法
Bootstrap 所提供的用于警告的 class,可以通过创建一个
,并向其添加一个 .alert class 和四个上下文 class(即 .alert-success、.alert-info、.alert-warning、.alert-danger)之一,来添加一个基本的警告框。
html代码
html代码
创新互联建站致力于互联网品牌建设与网络营销,包括成都网站设计、网站制作、SEO优化、网络推广、整站优化营销策划推广、电子商务、移动互联网营销等。创新互联建站为不同类型的客户提供良好的互联网应用定制及解决方案,创新互联建站核心团队十年专注互联网开发,积累了丰富的网站经验,为广大企业客户提供一站式企业网站建设服务,在网站建设行业内树立了良好口碑。
成功!很好地完成了提交。信息!请注意这个信息。
如果要创建一个可取消的警告(Dismissal Alert)步骤如下:
1、通过创建一个
,并向其添加一个 .alert class 和四个上下文 class(即 .alert-success、.alert-info、.alert-warning、.alert-danger)之一,来添加一个基本的警告框。
2、同时向上面的
class 添加可选的 .alert-dismissable。
分享名称:Bootstrap警告(Alerts)的实现方法
转载注明:http://pwwzsj.com/article/iigioh.html
3、添加一个关闭按钮。(按钮可点击关掉)
html代码
警告!请不要提交。错误!请进行一些更改。
注意:请确保使用带有 data-dismiss="alert" data 属性的
html代码
Bootstrap 页面标题(Page Header) 成功!很好地完成了提交。信息!请注意这个信息。警告!请不要提交。错误!请进行一些更改。
效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。
分享名称:Bootstrap警告(Alerts)的实现方法
转载注明:http://pwwzsj.com/article/iigioh.html