<div role="alert"> <strong>Warning!</strong> 忘记密码？---><a href="##">请点击此处</a> </div> <div role="alert"> <strong>Oh snap!</strong> 密码输入错误---><a href="##">请点击此处找回密码。。</a> </div>
运行效果如下：
实现原理：
实现样式如下：
/bootstrap.css文件第4437行～第4439行/
.alert .alert-link { font-weight: bold; } /不同类型警示框中链接的文本颜色/ .alert-success .alert-link { color: #2b542c; } .alert-info .alert-link { color: #245269; } .alert-warning .alert-link { color: #66512c; } .alert-danger .alert-link { color: #843534; }
如果大家还想深入学习，可以点击这里进行学习，再为大家附两个精彩的专题：Bootstrap学习教程 Bootstrap实战教程