<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>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                ## Glyphicons 字體圖標 **所有可用的圖標** 包括250多個來自 Glyphicon Halflings 的字體圖標。例如下圖的一些字體圖標,更多的字體圖標請見boostrap官方文檔 。 ![](https://img.kancloud.cn/90/77/9077a55251322879ee0f9c752ce8cfb0_1061x289.png) ***** **如何使用字體圖標** 出于性能的考慮,所有圖標都需要一個基類(glyphicon)和對應每個圖標的類。為了設置正確的內補(padding),必須在圖標和文本之間添加一個空格。 **注意**: 1 . 不要和其他組件混合使用 圖標類不能和其它組件直接聯合使用。它們不能在同一個元素上與其他類共同存在。應該單獨創建一個嵌套的`<span>`標簽,并將圖標類應用到這個`<span>`標簽上。 2 . 只對內容為空的元素起作用 圖標類只能應用在不包含任何文本內容或子元素的元素上。 3 . 圖標的可訪問性 為了避免 屏幕識讀設備抓取非故意的和可能產生混淆的輸出內容,特別是當圖標純粹作為裝飾用途時,要給這些圖標設置了`aria-hidden="true"`屬性;如果你使用圖標是為了表達某些含義(不僅僅是為了裝飾用),請確保你所要表達的意思能夠通過被輔助設備識別,例如,包含額外的內容并通過`.sr-only`類讓其在視覺上表現出隱藏的效果。使用方法如下: ```html <span class="glyphicon glyphicon-search" aria-hidden="true"></span> ``` ***** **實例** 可以把它們應用到按鈕、工具條中的按鈕組、導航或輸入框等地方。 ```html <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-plus" aria-hidden="hidden"></span> </button> <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-search" aria-hidden="hidden"></span> </button> ``` ![](https://img.kancloud.cn/a4/e9/a4e95779eb05b7e5cbf58899b269b034_708x184.png) alert 組件中所包含的圖標是用來表示這是一條錯誤消息的,通過添加額外的`.sr-only`文本就可以讓輔助設備知道這條提示所要表達的意思了。 ```html <div class="alert alert-danger" role="alert"> <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> <span class="sr-only">Error:</span>錯誤信息提示 </div> ``` ![](https://img.kancloud.cn/28/b7/28b71ac8d18b77a5a3fcbbd7efea6291_712x100.png)
                  <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>

                              哎呀哎呀视频在线观看