精品久久久久久亚洲精品_成人午夜网站_www日本高清_亚洲精品久久久久午夜福

顯示方式(Display)

使用display通用類別快速且響應(yīng)式的切換元件的顯示與否。我們的display通用類別包含許多常用的值,另外在打印時(shí)也能使用。

工作原理

使用響應(yīng)式的display通用類別來改變display屬性。我們故意只支持display所有可能中的其中一個(gè)子集。可以依據(jù)需求將這些class調(diào)整出各種效果。

符號(hào)

isplay通用類別可以套用在所有斷點(diǎn),從xs到xxl都在其中。而這些是從最小寬度min-width: 0;開始運(yùn)用,因此預(yù)設(shè)不受media query限制,然而其余的斷點(diǎn)都包含縮寫。

因此,這些class使用以下格式來命名:

  • .d-{value} for xs
  • .d-{breakpoint}-{value} for sm, md, lg, xl, and xxl.

value為以下其中一個(gè):

  • none
  • inline
  • inline-block
  • block
  • grid
  • table
  • table-cell
  • table-row
  • flex
  • inline-flex

display value可以透過更改$displays變數(shù)、重新編譯SCSS來改變。

這些media queries會(huì)影響等于或大于斷點(diǎn)的屏幕設(shè)置。舉例來說,.d-lg-none會(huì)在lg、xl跟xxl的屏幕上設(shè)置display: none;。

示例

d-inline
d-inline
<div class="d-inline p-2 bg-primary text-white">d-inline</div>
<div class="d-inline p-2 bg-dark text-white">d-inline</div>
d-block d-block
<span class="d-block p-2 bg-primary text-white">d-block</span>
<span class="d-block p-2 bg-dark text-white">d-block</span>

隱藏元素

為了更快速且友善的進(jìn)行移動(dòng)設(shè)備開發(fā),請(qǐng)使用響應(yīng)式的display class來顯示和隱藏元件。避免創(chuàng)建完全不同版本的同一個(gè)網(wǎng)站,而是按照每個(gè)屏幕尺寸隱藏元素。

要隱藏元素,只需對(duì)任何響應(yīng)式畫面使用.d-none或是.d-{sm,md,lg,xl,xxl}-none其中之一。

如果只想在給定的屏幕區(qū)間上顯示元素,您可以將一個(gè).d-*-none class和一個(gè).d-*-* class組合,例如.d-none .d-md-block .d-xl-none .d-xxl-none將隱藏所有屏幕尺寸的元素,但中型和大型設(shè)備除外。

Screen size Class
Hidden on all .d-none
Hidden only on xs .d-none .d-sm-block
Hidden only on sm .d-sm-none .d-md-block
Hidden only on md .d-md-none .d-lg-block
Hidden only on lg .d-lg-none .d-xl-block
Hidden only on xl .d-xl-none .d-xxl-block
Hidden only on xxl .d-xxl-none
Visible on all .d-block
Visible only on xs .d-block .d-sm-none
Visible only on sm .d-none .d-sm-block .d-md-none
Visible only on md .d-none .d-md-block .d-lg-none
Visible only on lg .d-none .d-lg-block .d-xl-none
Visible only on xl .d-none .d-xl-block .d-xxl-none
Visible only on xxl .d-none .d-xxl-block
hide on lg and wider screens
hide on screens smaller than lg
<div class="d-lg-none">hide on lg and wider screens</div>
<div class="d-none d-lg-block">hide on screens smaller than lg</div>

打印顯示

透過我們的print display通用類別,可以在打印時(shí)改變?cè)氐膁isplay值。一樣包含display的各種.d-*通用類別。

  • .d-print-none
  • .d-print-inline
  • .d-print-inline-block
  • .d-print-block
  • .d-print-grid
  • .d-print-table
  • .d-print-table-row
  • .d-print-table-cell
  • .d-print-flex
  • .d-print-inline-flex

可以將print與display的class組合在一起。

Screen Only (Hide on print only)
Print Only (Hide on screen only)
Hide up to large on screen, but always show on print
<div class="d-print-none">Screen Only (Hide on print only)</div>
<div class="d-none d-print-block">Print Only (Hide on screen only)</div>
<div class="d-none d-lg-block d-print-block">Hide up to large on screen, but always show on print</div>

Sass

Utilities API

Display utilities are declared in our utilities API in scss/_utilities.scss.

    "display": (
responsive: true,
print: true,
property: display,
class: d,
values: inline inline-block block grid table table-row table-cell flex inline-flex none
),
返回頂部
精品久久久久久亚洲精品_成人午夜网站_www日本高清_亚洲精品久久久久午夜福

      欧美高清成人| 亚洲精品免费在线| 久久先锋影音av| 夜色激情一区二区| 狠狠色综合日日| 国产精品爱啪在线线免费观看| 亚洲国产精品一区二区久| 国产精品ⅴa在线观看h| 久久综合一区二区三区| 亚洲一区二区三区色| 亚洲第一狼人社区| 国产毛片一区| 欧美性大战久久久久| 欧美激情精品久久久久久黑人 | 亚洲欧美日韩在线观看a三区 | 国产精品久久久久久一区二区三区| 亚洲一区日本| 亚洲日本va午夜在线电影| 国产主播喷水一区二区| 国产精品日韩一区二区三区| 久久五月激情| 久久成人国产精品| 午夜日韩福利| 一区二区三区视频在线看| 悠悠资源网亚洲青| 国产欧美午夜| 国产一区二区视频在线观看| 欧美精品久久久久久| 久久精品国产亚洲一区二区| 午夜久久黄色| 香蕉国产精品偷在线观看不卡| 亚洲看片网站| aⅴ色国产欧美| 夜夜嗨av一区二区三区| 国产欧美精品一区二区色综合 | 久久久久久高潮国产精品视| 欧美有码在线视频| 久久精品国产91精品亚洲| 久久精品视频在线| 久久久国产午夜精品| 久久亚洲综合色一区二区三区| 欧美一二三视频| 久久一区二区三区国产精品| 欧美.日韩.国产.一区.二区| 欧美福利电影网| 欧美日本一区二区视频在线观看| 免费久久99精品国产自| 欧美日本精品一区二区三区| 国产精品免费aⅴ片在线观看| 国产精品海角社区在线观看| 国产欧美短视频| 韩国三级电影一区二区| 亚洲激情综合| 亚洲欧美不卡| 欧美福利视频| 国产精品一区二区在线| 国精产品99永久一区一区| 亚洲精品欧美| 久久国产精品色婷婷| 欧美福利专区| 国产一区二区高清视频| 亚洲人成人99网站| 先锋影音国产精品| 欧美精品v日韩精品v国产精品| 欧美日韩亚洲一区二区三区四区 | 一区二区三区在线观看欧美 | 国内成人在线| 一区二区三区www| 久久亚洲精品一区| 国产精品美女久久久免费| 在线观看91精品国产入口| 亚洲午夜性刺激影院| 久久亚裔精品欧美| 国产美女一区| 亚洲一区二区高清视频| 欧美电影资源| 国产综合自拍| 香蕉久久a毛片| 欧美三区在线观看| 亚洲高清免费视频| 欧美一级在线播放| 国产精品久久久久久福利一牛影视| 国产在线不卡精品| 午夜精品影院| 国产精品v欧美精品v日韩| 亚洲欧洲偷拍精品| 久久综合色88| 在线欧美日韩国产| 欧美一区二区三区视频免费播放 | 免费观看日韩| 一区二区三区无毛| 久久久久一区| 国产丝袜一区二区三区| 亚洲永久网站| 国产精品国产三级国产普通话蜜臀| 伊人精品成人久久综合软件| 欧美在线亚洲| 国产综合色一区二区三区| 欧美在线观看视频| 国产欧美69| 久久久亚洲精品一区二区三区| 国产乱人伦精品一区二区| 亚洲一区二区三区四区五区黄| 欧美经典一区二区| 99精品久久| 国产精品超碰97尤物18| 亚洲性夜色噜噜噜7777| 国产精品久久久亚洲一区| 亚洲一区二区网站| 国产美女一区二区| 久久精品噜噜噜成人av农村| 国内综合精品午夜久久资源| 久久久国产精品一区| 亚洲高清精品中出| 欧美日韩福利视频| 亚洲一区在线看| 娇妻被交换粗又大又硬视频欧美| 久久精品国产亚洲a| 激情久久综合| 欧美区二区三区| 亚洲专区一区| 国产欧美日本一区二区三区| 亚洲视频免费在线观看| 国产乱码精品一区二区三| 久久激情视频免费观看| 亚洲高清不卡在线观看| 欧美日韩三级| 久久国产黑丝| 亚洲美女精品成人在线视频| 国产精品老女人精品视频| 久久久久久久久岛国免费| 99伊人成综合| 黑人巨大精品欧美一区二区| 欧美精品在线视频观看| 亚洲欧美日韩网| 亚洲精品久久久蜜桃| 国产午夜精品久久久久久久| 欧美激情第五页| 久久久久久久久一区二区| 一区二区三区国产在线观看| 好吊妞**欧美| 国产精品久久久久久亚洲调教| 西西裸体人体做爰大胆久久久| 1024成人网色www| 国产精品永久免费视频| 欧美国产激情| 久久久久久久网站| 午夜亚洲精品| 国产精品99久久久久久久女警| 国产精品欧美经典| 欧美黑人在线观看| 老司机精品视频一区二区三区| 亚洲美女黄色| 亚洲欧洲日本专区| 亚洲电影网站| 激情综合在线| 韩国免费一区| 好吊色欧美一区二区三区视频| 国产精品久久久亚洲一区| 欧美成人在线免费视频| 免费在线国产精品| 玖玖综合伊人| 久久亚洲影院| 美日韩精品免费| 免费欧美在线| 免费成人在线观看视频| 麻豆久久久9性大片| 老司机午夜精品视频| 久久精品女人| 久久综合色一综合色88| 久久久久成人精品免费播放动漫| 亚洲主播在线播放| 亚洲综合精品四区| 亚洲影视在线播放| 亚洲欧美日韩在线高清直播| 亚洲一区二区三区中文字幕在线| 亚洲三级视频在线观看| 亚洲精品综合精品自拍| av成人免费| 亚洲欧美福利一区二区| 欧美一区在线视频| 久久久久久网址| 欧美高清在线精品一区| 欧美日韩伦理在线免费| 国产精品日韩欧美一区二区三区| 国产精品国产三级国产aⅴ无密码| 欧美日韩精品一区二区天天拍小说 | 亚洲高清久久| 日韩写真视频在线观看| 亚洲专区免费| 久久国产精品久久精品国产 | 美女国内精品自产拍在线播放| 久久精品一本| 欧美日韩国内自拍| 国产精品一区二区久久久久| 激情久久久久| 一本色道88久久加勒比精品| 欧美影院成人| 欧美激情精品| 国产亚洲一区二区精品|