亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

directory search
Getting started Accessibility(無(wú)障礙) Browsers and devices(瀏覽器和設(shè)備) Build tools(構(gòu)建工具) Contents(內(nèi)容) Download(下載) JavaScript Theming Bootstrap(主題Bootstrap) Webpack Components: Alerts Alerts(警報(bào)) Components: Badges Badges(徽章) Components: Breadcrumb Breadcrumb Components: Button group Button group(按鈕組) Components: Buttons Buttons(按鈕) Components: Cards Components: Carousel Cards(卡) Carousel(圓盤傳送帶) Components: Collapse Collapse(折疊) Components: Dropdowns Dropdowns(下拉菜單) Components: Forms Forms(表單) Components: Input group Input group(輸入群組) Components: Input group Jumbotron(廣告大屏幕) Components: List group List group(列表組) Components: Modal Modal(互動(dòng)視窗) Components: Navbar Navbar(導(dǎo)航欄) Components: Navs Navs(導(dǎo)航欄) Components: Pagination Pagination(分頁(yè)) Components: Popovers Popovers(彈出框) Components: Progress Progress(進(jìn)度條) Components: Scrollspy Scrollspy(滾動(dòng)監(jiān)聽) Components: Tooltips Tooltips(提示工具) Content Code(代碼) Figures(圖片區(qū)) Images(圖片) Reboot(重置) Tables(表格) Typography(排版) Layout Grid(網(wǎng)格) Layout(布局) Media object(多媒體對(duì)象) Utilities for layout(排版通用類別) Migration Migrating to v4(遷移到v4) Utilities Borders(邊框) Clearfix(清除浮動(dòng)) Close icon(關(guān)閉圖標(biāo)) Colors(顏色) Display property(顯示屬性) Embeds(內(nèi)嵌) Flex(彈性) Float(浮動(dòng)) Image replacement(圖像替換) Position(位置) Screenreaders(熒幕閱讀器) Sizing(尺寸) Spacing(間隔) Text(文本) Vertical alignment(垂直對(duì)齊) Visibility(能見度)
characters

用少數(shù)顏色工具類來(lái)表達(dá)顏色意義。包括對(duì)懸停狀態(tài)樣式鏈接的支持。

顏色

<p class="text-primary">.text-primary</p><p class="text-secondary">.text-secondary</p><p class="text-success">.text-success</p><p class="text-danger">.text-danger</p><p class="text-warning">.text-warning</p><p class="text-info">.text-info</p><p class="text-light bg-dark">.text-light</p><p class="text-dark">.text-dark</p><p class="text-muted">.text-muted</p><p class="text-white bg-dark">.text-white</p>

上下文文本類在提供懸停和焦點(diǎn)狀態(tài)的錨點(diǎn)上也可以很好地工作。請(qǐng)注意, .text-white.text-muted 類沒(méi)有鏈接樣式。

<p><a href="#" class="text-primary">Primary link</a></p><p><a href="#" class="text-secondary">Secondary link</a></p><p><a href="#" class="text-success">Success link</a></p><p><a href="#" class="text-danger">Danger link</a></p><p><a href="#" class="text-warning">Warning link</a></p><p><a href="#" class="text-info">Info link</a></p><p><a href="#" class="text-light bg-dark">Light link</a></p><p><a href="#" class="text-dark">Dark link</a></p><p><a href="#" class="text-muted">Muted link</a></p><p><a href="#" class="text-white bg-dark">White link</a></p>

背景顏色

與上下文文本顏色類相似,可以輕松地將元素的背景設(shè)置為任何上下文類。就像文本類一樣,錨組件會(huì)在懸停時(shí)變暗。后臺(tái)實(shí)用程序沒(méi)有設(shè)置 color,因此在某些情況下您需要使用.text-*實(shí)用程序。

<div class="p-3 mb-2 bg-primary text-white">.bg-primary</div><div class="p-3 mb-2 bg-secondary text-white">.bg-secondary</div><div class="p-3 mb-2 bg-success text-white">.bg-success</div><div class="p-3 mb-2 bg-danger text-white">.bg-danger</div><div class="p-3 mb-2 bg-warning text-white">.bg-warning</div><div class="p-3 mb-2 bg-info text-white">.bg-info</div><div class="p-3 mb-2 bg-light text-dark">.bg-light</div><div class="p-3 mb-2 bg-dark text-white">.bg-dark</div><div class="p-3 mb-2 bg-white text-dark">.bg-white</div>

背景梯度

當(dāng)$enable-gradients設(shè)置為true時(shí),您將能夠使用.bg-gradient-實(shí)用程序類。默認(rèn)情況下, $enable-gradients被禁用,下面的示例被故意破壞。這從您開始使用Bootstrap開始就更容易定制。后續(xù)啟用相關(guān)課程以繼續(xù)了解Sass選項(xiàng)等等。

<div class="p-3 mb-2 bg-gradient-primary text-white">.bg-gradient-primary</div><div class="p-3 mb-2 bg-gradient-secondary text-white">.bg-gradient-secondary</div><div class="p-3 mb-2 bg-gradient-success text-white">.bg-gradient-success</div><div class="p-3 mb-2 bg-gradient-danger text-white">.bg-gradient-danger</div><div class="p-3 mb-2 bg-gradient-warning text-white">.bg-gradient-warning</div><div class="p-3 mb-2 bg-gradient-info text-white">.bg-gradient-info</div><div class="p-3 mb-2 bg-gradient-light text-dark">.bg-gradient-light</div><div class="p-3 mb-2 bg-gradient-dark text-white">.bg-gradient-dark</div>

處理特殊性

由于其他選擇器的特殊性,有時(shí)上下文類無(wú)法應(yīng)用。在某些情況下,一個(gè)充分的解決方法是將元素的內(nèi)容封裝<div>在類中。

將意義傳遞給輔助技術(shù)

使用顏色來(lái)增加意義只能提供一種視覺(jué)指示,而不會(huì)傳達(dá)給輔助技術(shù)的用戶 - 如屏幕閱讀器。確保由顏色表示的信息或者來(lái)自內(nèi)容本身(例如可見文本),或者通過(guò)其他方式包含,例如隱藏在.sr-only課程中的其他文本。

Previous article: Next article: