Callout

#Callout

向用户显示详细消息，也允许将其关闭。

<div class="callout fade in callout-warning">
    <button
        type="button"
        class="close"
        data-dismiss="callout"
        aria-hidden="true">&times;</button>
    <div class="header">
        <i class="icon-warning"></i>
        <h3>Warning warning</h3>
        <p>My arms are flailing wildly</p>
    </div>
    <div class="content">
        <p>Insert coin(s) to begin play</p>
    </div>
</div>

#没有子标题

包括no-subheader 类以省略子标题。

<div class="callout fade in callout-info no-subheader">
    <div class="header">
        <i class="icon-info"></i>
        <h3>Incoming unicorn</h3>
    </div>
</div>

#没有图标

包括no-icon 类来省略图标。

<div class="callout fade in callout-danger no-icon">
    <div class="header">
        <h3>There was a hull breach</h3>
        <ul>
            <li>Get to the chopper</li>
        </ul>
    </div>
</div>

#没有标题

<div class="callout fade in callout-success">
    <div class="content">
        <p>Something good happened</p>
        <ul>
            <li>You found a pony</li>
        </ul>
    </div>
</div>

#数据属性：

• data-dismiss="callout" - 当分配给一个元素时，callout 在点击时隐藏

#JavaScript API

#Events

• close.oc.callout - 在 callout 关闭时触发