05-组件

组件

除警告框外，像导航、分页、下拉菜单、模态框等组件在Bootstrap3和Bootstrap4中差异较大，参考官方文档即可

特殊的组件属性

• role：语义化标签，指定该标签扮演的角色
• aria-lable：文本框属性，用于读屏软件识
• tabindex：指定tab键切换焦点顺序
• data-*：自定义属性，Bootstrap用来绑定事件

警告框

• .alert：警告框标记
• .alert-warning：警告框颜色，还有其他颜色可选
• .alert-dismissible：标记可关闭的警告框
• .alert-link：警告框中的连接使用该类标记更加美观

<div class="alert alert-warning alert-dismissible text-center" role="alert">
  <!-- Bootstrap4还可以使用 .fead 类使得关闭更加平滑，添加 .show类为显示状态，否则为不显示状态，Bootstrap3是没有的 -->
    <strong>警告! </strong>警告内容，<a href="#" class="alert-link">连接</a>,警告内容
    <button type="button" class="close" data-dismiss="alert">	<!-- 可关闭事件绑定 -->
        <span aria-hidden="true">&times;</span>
    </button>
</div>