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

directory search
Getting started Accessibility(無障礙) Browsers and devices(瀏覽器和設備) Build tools(構建工具) Contents(內(nèi)容) Download(下載) JavaScript Theming Bootstrap(主題Bootstrap) Webpack Components: Alerts Alerts(警報) 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(互動視窗) Components: Navbar Navbar(導航欄) Components: Navs Navs(導航欄) Components: Pagination Pagination(分頁) Components: Popovers Popovers(彈出框) Components: Progress Progress(進度條) Components: Scrollspy Scrollspy(滾動監(jiān)聽) Components: Tooltips Tooltips(提示工具) Content Code(代碼) Figures(圖片區(qū)) Images(圖片) Reboot(重置) Tables(表格) Typography(排版) Layout Grid(網(wǎng)格) Layout(布局) Media object(多媒體對象) Utilities for layout(排版通用類別) Migration Migrating to v4(遷移到v4) Utilities Borders(邊框) Clearfix(清除浮動) Close icon(關閉圖標) Colors(顏色) Display property(顯示屬性) Embeds(內(nèi)嵌) Flex(彈性) Float(浮動) Image replacement(圖像替換) Position(位置) Screenreaders(熒幕閱讀器) Sizing(尺寸) Spacing(間隔) Text(文本) Vertical alignment(垂直對齊) Visibility(能見度)
characters

使用我們的響應式浮動實用程序在任何斷點上切換任何元素上的浮點數(shù)。

概述

這些實用程序類使用CSS float屬性根據(jù)當前視口大小將元素浮動到左側(cè)或右側(cè),或禁用浮動。!important包含在內(nèi)以避免特殊性問題。這些使用與我們的網(wǎng)格系統(tǒng)相同的視口斷點。

類別

用類切換浮點數(shù):

<div class="float-left">Float left on all viewport sizes</div><br><div class="float-right">Float right on all viewport sizes</div><br><div class="float-none">Don't float on all viewport sizes</div>

混入

或者是Sass Mixin:

.element {
  @include float-left;}.another-element {
  @include float-right;}.one-more {
  @include float-none;}

響應性

響應性的變化也存在于每一個float值中。

<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br><div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br><div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br><div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>

這里有所有的支持類。

  • .float-left

  • .float-right

  • .float-none

  • .float-sm-left

  • .float-sm-right

  • .float-sm-none

  • .float-md-left

  • .float-md-right

  • .float-md-none

  • .float-lg-left

  • .float-lg-right

  • .float-lg-none

  • .float-xl-left

  • .float-xl-right

  • .float-xl-none

Previous article: Next article: