代码拉取完成,页面将自动刷新
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight required contextual classes (e.g., .alert-success).
<alert class="alert alert-primary">
This is a primary alert—check it out!
</alert>
<alert class="alert alert-secondary">
This is a secondary alert—check it out!
</alert>
<alert class="alert alert-success">
This is a success alert—check it out!
</alert>
<alert class="alert alert-danger">
This is a danger alert—check it out!
</alert>
<alert class="alert alert-warning">
This is a warning alert—check it out!
</alert>
<alert class="alert alert-info">
This is a info alert—check it out!
</alert>
<alert class="alert alert-light">
This is a light alert—check it out!
</alert>
<alert class="alert alert-dark">
This is a dark alert—check it out!
</alert>
Add a dismiss button and the .alert-dismissible
class, which adds extra padding to the right of the alert and positions the .close
button.
On the dismiss button, add the data-dismiss="alert"
attribute, which triggers the C functionality.
<alert class="alert alert-warning alert-dismissible">
<strong class="mr-1">Holy guacamole!</strong>
<text>You should check in on some of those fields below.</text>
<button class="close" data-dismiss="alert">×</button>
</alert>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。