<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # 提示框 為成功、警告和錯誤信息定義樣式。 ## 用法 要應用此組件,添加 `.uk-alert` 類至塊元素中即可。 ### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f347b99e.jpg) ### 標簽 ``` <div class="uk-alert">...</div> ``` * * * ### 關閉按鈕 為了使用一個關閉按鈕,在該提示框內部的`&lt;button&gt;` 或 `&lt;a&gt;`元素中添加 `.uk-alert-close` 類。要使關閉按鈕的JavaScript生效,僅需往該提示框中添加 `data-uk-alert` 屬性。雖然你也可以使用文本或者一幅圖片,我們還是建議添加 [關閉組件](close.html) 中的 `.uk-close` 類來使這個按鈕擁有一個更完美的樣式。 #### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f348b501.jpg) #### 標簽 ``` <div class="uk-alert" data-uk-alert> <a href="" class="uk-alert-close uk-close"></a> <p>...</p> </div> ``` * * * ## 修飾 有幾種不同的顏色修飾類可供選用。僅需添加以下類中的一個就能得到一個不同的外觀。 ### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f349c898.jpg) #### 標簽 ``` <div class="uk-alert uk-alert-success"> ... </div> <div class="uk-alert uk-alert-warning">...</div> <div class="uk-alert uk-alert-danger">...</div> ``` * * * ## 尺寸 添加 `.uk-alert-large` 類增大一個提示框的空間。如果你想使用更豐富的排版,這會非常有用。 #### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f34af352.jpg) #### 標簽 ``` <div class="uk-alert uk-alert-large">...</div> ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看