国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

directory search
Getting started Accessibility(無障礙) Browsers and devices(瀏覽器和設(shè)備) Build tools(構(gòu)建工具) 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(導(dǎo)航欄) Components: Navs Navs(導(dǎo)航欄) Components: Pagination Pagination(分頁) Components: Popovers Popovers(彈出框) Components: Progress Progress(進(jìn)度條) 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(關(guān)閉圖標(biāo)) Colors(顏色) Display property(顯示屬性) Embeds(內(nèi)嵌) Flex(彈性) Float(浮動) Image replacement(圖像替換) Position(位置) Screenreaders(熒幕閱讀器) Sizing(尺寸) Spacing(間隔) Text(文本) Vertical alignment(垂直對齊) Visibility(能見度)
characters

Bootstrap包含各種速記響應(yīng)邊距和填充實用程序類,以修改元素的外觀。

怎么運(yùn)行的

使用速記類為元素或其邊上的子集分配響應(yīng)友好marginpadding值。包括對單個屬性,所有屬性以及垂直和水平屬性的支持。類從默認(rèn)的薩斯地圖范圍內(nèi).25rem建立3rem。

表示法

適用于所有斷點,從間距公用事業(yè)xsxl,在他們沒有斷點的縮寫。這是因為這些類是從上到下應(yīng)用的min-width: 0,因此不受媒體查詢的約束。然而,其余的斷點確實包含斷點縮寫。

類別是使用的格式命名{property}{sides}-{size}xs{property}{sides}-{breakpoint}-{size}smmd,lg,和xl。

當(dāng)屬性是以下之一:

  • m-用于設(shè)置margin

  • p-用于設(shè)置padding

當(dāng)雙方是一個:

  • t-用于設(shè)置margin-toppadding-top

  • b-用于設(shè)置margin-bottompadding-bottom

  • l-用于設(shè)置margin-leftpadding-left

  • r-用于設(shè)置margin-rightpadding-right

  • x-對于設(shè)置兩者的類*-left*-right

  • y-對于設(shè)置兩者的類*-top*-bottom

  • 為設(shè)置marginpadding元素的所有四個方面

其中大小是以下之一:

  • 0- 用于消除marginpadding通過設(shè)置的類0

  • 1- (默認(rèn)情況下)的類時,設(shè)置marginpadding$spacer * .25

  • 2- (默認(rèn)情況下)的類時,設(shè)置marginpadding$spacer * .5

  • 3- (默認(rèn)情況下)的類時,設(shè)置marginpadding$spacer

  • 4- (默認(rèn)情況下)的類時,設(shè)置marginpadding$spacer * 1.5

  • 5- (默認(rèn)情況下)的類時,設(shè)置marginpadding$spacer * 3

  • auto- 用于設(shè)置margin為自動的類

(您可以通過向$spacersSass地圖變量添加條目來添加更多尺寸。)

實例

以下是這些類的一些有代表性的例子:

.mt-0 {
  margin-top: 0 !important;}.ml-1 {
  margin-left: ($spacer * .25) !important;}.px-2 {
  padding-left: ($spacer * .5) !important;
  padding-right: ($spacer * .5) !important;}.p-3 {
  padding: $spacer !important;}

水平居中

此外,Bootstrap還包含一個.mx-auto用于將固定寬度塊級別內(nèi)容水平居中的類,即具有display: blockwidth設(shè)置水平邊距的內(nèi)容auto。

<div class="mx-auto" style="width: 200px;">
  Centered element</div>
Previous article: Next article: