BootStrap筆記18

-森木-發表於2020-11-22

警告

1.警告框
.alert-success
.alert-info
.alert-warning
.alert-danger

在這裡插入圖片描述

<div class="alert alert-success">操作成功</div>
<div class="alert alert-info">資訊提示</div>
<div class="alert alert-warning">警告提示</div>
<div class="alert alert-danger">危險提示</div>

2.可關閉的警告框
.alert-dismissable

在這裡插入圖片描述

<div class="alert alert-success alert-dismissable">
	<button type="button" class="close" data-dismiss="alert"
			aria-hidden="true">
		&times;
	</button>
	成功!很好地完成了提交。
</div>

3.警告框中的連結
.alert-link 提供帶有匹配顏色的連結

在這裡插入圖片描述

<div class="alert alert-success">
  <span>大減價!!!</span><a href="#" class="alert-link">點選購買</a>
</div>

相關文章