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

文字(Text)

文字通用類別的文檔和示例,用于控制對齊、環繞、粗細等。

文本對齊方式

使用文字對齊類別輕松地將文本重新對齊元件。對于開始、結束和中心對齊可以使用與網格系統相同之視窗寬度斷點的響應式類別。

Start aligned text on all viewport sizes.

Center aligned text on all viewport sizes.

End aligned text on all viewport sizes.

Start aligned text on viewports sized SM (small) or wider.

Start aligned text on viewports sized MD (medium) or wider.

Start aligned text on viewports sized LG (large) or wider.

Start aligned text on viewports sized XL (extra-large) or wider.

<p class="text-start">Start aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-end">End aligned text on all viewport sizes.</p>

<p class="text-sm-start">Start aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-start">Start aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-start">Start aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-start">Start aligned text on viewports sized XL (extra-large) or wider.</p>
請注意,我們不為兩端對齊的文字(justified text)提供通用類別。雖然從美學上來講,兩端對齊的文字看起來更吸引人,但這也讓文字間距更加隨意,也因此更難閱讀。

文本換行和溢出

使用.text-wrap類別來包覆文字。

This text should wrap.
<div class="badge bg-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>

可搭配.text-nowrap類別防止換行。

This text should overflow the parent.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
This text should overflow the parent.
</div>

文字斷行

使用.text-break設定word-wrap: break-word和word-break: break-word預防長文破壞元件的排版。Bootstrap使用word-wrap以取代更常見的方法overflow-wrap來獲得更廣泛的瀏覽器支持,增加word-break: break-word來避免flex容器的問題。

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
請注意,因為最常使用的RTL語言阿拉伯語言不能斷行。因此.text-break已從我們的RTL編譯CSS中移除。

文本轉換(大小寫)

使用文字大寫字母類別將元件中的文字內容轉大寫。

Lowercased text.

Uppercased text.

CapiTaliZed text.

<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>

請注意.text-capitalize只有將第一個字母轉為大寫,而其他字母不受影響。

字體大小

快速的改變文字的font-size。標題類別(例如:.h1–.h6)使用了font-size、font-weight和line-height,但以下的通用類別只使用font-size。這些通用類別的尺寸設定也符合HTML的標題元素,所以當數字增加時,他們的尺寸也會跟著變小。

.fs-1 text

.fs-2 text

.fs-3 text

.fs-4 text

.fs-5 text

.fs-6 text

<p class="fs-1">.fs-1 text</p>
<p class="fs-2">.fs-2 text</p>
<p class="fs-3">.fs-3 text</p>
<p class="fs-4">.fs-4 text</p>
<p class="fs-5">.fs-5 text</p>
<p class="fs-6">.fs-6 text</p>

透過修改$font-sizes的Sass map來客制化您的font-size。

字體粗細和斜體

使用這些通用類別來快速地改變文字內容的font-weight或font-style。font-style通用類別的縮寫為.fst-*,font-weight通用類別的縮寫為.fw-*。

Bold text.

Bolder weight text (relative to the parent element).

Normal weight text.

Light weight text.

Lighter weight text (relative to the parent element).

Italic text.

Text with normal font style

<p class="fw-bold">Bold text.</p>
<p class="fw-bolder">Bolder weight text (relative to the parent element).</p>
<p class="fw-normal">Normal weight text.</p>
<p class="fw-light">Light weight text.</p>
<p class="fw-lighter">Lighter weight text (relative to the parent element).</p>
<p class="fst-italic">Italic text.</p>
<p class="fst-normal">Text with normal font style</p>

行高

使用.lh-*通用類別來改變行高。

Some placeholder content to show off the line height utilities. Happy birthday. You could've been the greatest. She ride me like a roller coaster. I messed around and got addicted. You just gotta ignite the light and let it shine! I'm intrigued, for a peek, heard it's fascinating. Catch her if you can. I should've told you what you meant to me 'Cause now I pay the price. Do you ever feel, feel so paper thin.

But you better choose carefully. Yo, shout out to all you kids, buying bottle service, with your rent money. She's sweet as pie but if you break her heart. Just own the night like the 4th of July! In another life I would be your girl. Playing ping pong all night long, everything's all neon and hazy. Shorty so bad, I’m sprung and I don’t care.

I can feel a phoenix inside of me. Maybe a reason why all the doors are closed. We go higher and higher. Passport stamps, she's cosmopolitan. Someone said you had your tattoo removed. All my girls vintage Chanel baby. Someone said you had your tattoo removed.

But I will get there. This is real so take a chance and don't ever look back, don't ever look back. You could travel the world but nothing comes close to the golden coast. Of anything and everything. Venice beach and Palm Springs, summertime is everything. Do you ever feel already buried deep six feet under? It's time to bring out the big balloons. So cover your eyes, I have a surprise. So I don't have to say you were the one that got away.

<p class="lh-1">Some placeholder content to show off the line height utilities. Happy birthday. You could've been the greatest. She ride me like a roller coaster. I messed around and got addicted. You just gotta ignite the light and let it shine! I'm intrigued, for a peek, heard it's fascinating. Catch her if you can. I should've told you what you meant to me 'Cause now I pay the price. Do you ever feel, feel so paper thin.</p>
<p class="lh-sm">But you better choose carefully. Yo, shout out to all you kids, buying bottle service, with your rent money. She's sweet as pie but if you break her heart. Just own the night like the 4th of July! In another life I would be your girl. Playing ping pong all night long, everything's all neon and hazy. Shorty so bad, I’m sprung and I don’t care.</p>
<p class="lh-base">I can feel a phoenix inside of me. Maybe a reason why all the doors are closed. We go higher and higher. Passport stamps, she's cosmopolitan. Someone said you had your tattoo removed. All my girls vintage Chanel baby. Someone said you had your tattoo removed.</p>
<p class="lh-lg">But I will get there. This is real so take a chance and don't ever look back, don't ever look back. You could travel the world but nothing comes close to the golden coast. Of anything and everything. Venice beach and Palm Springs, summertime is everything. Do you ever feel already buried deep six feet under? It's time to bring out the big balloons. So cover your eyes, I have a surprise. So I don't have to say you were the one that got away.</p>

Monospace

選擇使用.font-monospace來更換為monospace字體堆疊。

This is in monospace

<p class="font-monospace">This is in monospace</p>

重置顏色

使用.text-reset來重置一個文字或連接色彩,以便它們繼承父層的顏色。

Muted text with a reset link.

<p class="text-muted">
Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>

文字裝飾

使用文字裝飾類別來裝飾元件中的文字。

This text has a line underneath it.

This text has a line going through it.

This link has its text decoration removed
<p class="text-decoration-underline">This text has a line underneath it.</p>
<p class="text-decoration-line-through">This text has a line going through it.</p>
<a href="#" class="text-decoration-none">This link has its text decoration removed</a>

Sass

Variables

// stylelint-disable value-keyword-case
$font-family-sans-serif:      system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
// stylelint-enable value-keyword-case
$font-family-base:            var(--#{$variable-prefix}font-sans-serif);
$font-family-code:            var(--#{$variable-prefix}font-monospace);

// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins
// $font-size-base effects the font size of the body text
$font-size-root:              null;
$font-size-base:              1rem; // Assumes the browser default, typically `16px`
$font-size-sm:                $font-size-base * .875;
$font-size-lg:                $font-size-base * 1.25;

$font-weight-lighter:         lighter;
$font-weight-light:           300;
$font-weight-normal:          400;
$font-weight-bold:            700;
$font-weight-bolder:          bolder;

$font-weight-base:            $font-weight-normal;

$line-height-base:            1.5;
$line-height-sm:              1.25;
$line-height-lg:              2;

$h1-font-size:                $font-size-base * 2.5;
$h2-font-size:                $font-size-base * 2;
$h3-font-size:                $font-size-base * 1.75;
$h4-font-size:                $font-size-base * 1.5;
$h5-font-size:                $font-size-base * 1.25;
$h6-font-size:                $font-size-base;

Maps

Font-size utilities are generated from this map, in combination with our utilities API.

$font-sizes: (
1: $h1-font-size,
2: $h2-font-size,
3: $h3-font-size,
4: $h4-font-size,
5: $h5-font-size,
6: $h6-font-size
);

Utilities API

Font and text utilities are declared in our utilities API in scss/_utilities.scss.

    "font-family": (
property: font-family,
class: font,
values: (monospace: var(--#{$variable-prefix}font-monospace))
),
"font-size": (
rfs: true,
property: font-size,
class: fs,
values: $font-sizes
),
"font-style": (
property: font-style,
class: fst,
values: italic normal
),
"font-weight": (
property: font-weight,
class: fw,
values: (
  light: $font-weight-light,
  lighter: $font-weight-lighter,
  normal: $font-weight-normal,
  bold: $font-weight-bold,
  bolder: $font-weight-bolder
)
),
"line-height": (
property: line-height,
class: lh,
values: (
  1: 1,
  sm: $line-height-sm,
  base: $line-height-base,
  lg: $line-height-lg,
)
),
"text-align": (
responsive: true,
property: text-align,
class: text,
values: (
  start: left,
  end: right,
  center: center,
)
),
"text-decoration": (
property: text-decoration,
values: none underline line-through
),
"text-transform": (
property: text-transform,
class: text,
values: lowercase uppercase capitalize
),
"white-space": (
property: white-space,
class: text,
values: (
  wrap: normal,
  nowrap: nowrap,
)
),
"word-wrap": (
property: word-wrap word-break,
class: text,
values: (break: break-word),
rtl: false
),
返回頂部
精品久久久久久亚洲精品_成人午夜网站_www日本高清_亚洲精品久久久久午夜福

      国产欧美日韩伦理| 亚洲国产成人精品视频| 久久av在线看| 黄色成人免费观看| 欧美日韩黄色大片| 久久精品九九| 亚洲乱码久久| 国产一区91精品张津瑜| 欧美激情视频在线播放| 午夜激情一区| 亚洲精品欧美极品| 国产久一道中文一区| 久久综合久久综合久久综合| 亚洲一区二区在线播放| 91久久夜色精品国产九色| 国产精品入口66mio| 国产九九视频一区二区三区| 久久夜色精品国产噜噜av| 欧美在线一二三| 亚洲欧美www| 亚洲欧美www| 亚洲午夜精品网| 亚洲一区二区欧美日韩| 亚洲最新在线| 亚洲无人区一区| 中文成人激情娱乐网| 夜夜嗨av一区二区三区中文字幕| 亚洲精品美女| 在线视频欧美一区| 日韩视频免费观看高清在线视频| 亚洲国产中文字幕在线观看| 亚洲精品国产精品国产自| 亚洲国产日韩综合一区| 亚洲日本电影在线| 一区二区欧美视频| 午夜精品在线观看| 久久久久久久网站| 欧美刺激性大交免费视频| 欧美大片在线看| 欧美日韩情趣电影| 国产欧美日韩精品专区| 一区二区在线观看av| 亚洲黄色在线| 亚洲少妇自拍| 久久精品国产2020观看福利| 美女网站久久| 国产精品xvideos88| 国产亚洲午夜| 亚洲精品久久久久久下一站| 一区二区三区高清在线| 午夜激情亚洲| 欧美金8天国| 国产欧美日韩一区| 伊人成综合网伊人222| 国语对白精品一区二区| 日韩一级裸体免费视频| 欧美一级二级三级蜜桃| 欧美成人资源网| 国产麻豆精品视频| 亚洲人成人一区二区三区| 亚洲欧美日韩人成在线播放| 久久人人爽人人爽| 国产精品99一区二区| 狠狠色伊人亚洲综合成人| 一区二区福利| 模特精品裸拍一区| 国产亚洲视频在线观看| 一区二区成人精品| 国产日本欧美一区二区三区| 欧美日韩国产专区| 国产在线欧美| 日韩亚洲欧美一区二区三区| 欧美一区视频| 国产精品久久久久aaaa樱花 | 狠狠色狠狠色综合日日小说| 99视频在线精品国自产拍免费观看 | 亚洲图色在线| 欧美精品导航| 亚洲国产激情| 久久网站免费| 国产一区二区三区高清 | 亚洲欧美激情精品一区二区| 欧美成人在线免费视频| 国内精品久久久久久久97牛牛| 亚洲午夜精品视频| 欧美视频一区在线观看| 亚洲美女免费精品视频在线观看| 蜜臀av国产精品久久久久| 国产综合一区二区| 久久成人18免费观看| 国产亚洲精品一区二区| 午夜一区二区三视频在线观看| 国产精品国产福利国产秒拍| 99精品国产在热久久下载| 亚洲精品乱码久久久久久久久| 国产精品日韩专区| 亚洲午夜久久久久久久久电影网| 欧美日韩中文字幕在线| 一区二区av在线| 欧美亚洲成人网| 亚洲欧美日韩爽爽影院| 国产欧美日韩专区发布| 久久国产日韩| 伊人一区二区三区久久精品| 久久综合一区二区| 91久久综合| 欧美精品久久久久久久久老牛影院 | 亚洲一区成人| 国模叶桐国产精品一区| 开元免费观看欧美电视剧网站| 韩国成人精品a∨在线观看| 久久青青草综合| 亚洲免费成人| 国产精品欧美精品| 久久激情综合| 亚洲国产专区校园欧美| 欧美日韩一区二区视频在线| 亚洲综合三区| 在线欧美影院| 国产精品久久97| 老司机午夜精品视频| 一区二区久久久久| 国产在线视频欧美| 欧美精品电影| 久久精品国产综合| 99国内精品| 在线精品视频免费观看| 欧美日韩在线观看一区二区| 欧美一级久久久| 日韩视频―中文字幕| 国产亚洲一二三区| 欧美午夜一区| 欧美大片专区| 久久国内精品视频| 中文成人激情娱乐网| 有码中文亚洲精品| 国产乱子伦一区二区三区国色天香| 久久综合九色综合欧美就去吻 | 亚洲黄色影片| 亚洲国产精品美女| 久久久蜜桃精品| 国产亚洲视频在线| 国产视频精品免费播放| 怡红院精品视频| 欧美极品在线观看| 欧美91视频| 欧美在线免费观看视频| avtt综合网| 亚洲福利电影| 国产一区二区成人| 国产精品福利在线观看网址| 欧美va亚洲va国产综合| 久久久久久九九九九| 欧美亚洲日本一区| 亚洲女同在线| 亚洲图片欧美一区| av成人免费观看| 日韩视频精品| 日韩午夜三级在线| 99这里有精品| 亚洲三级影院| 日韩午夜在线视频| 亚洲精品美女久久7777777| 亚洲国产婷婷综合在线精品| 伊大人香蕉综合8在线视| 韩国v欧美v日本v亚洲v| 国产精品日日摸夜夜添夜夜av| 欧美日韩天堂| 国产精品久久久久秋霞鲁丝| 欧美无乱码久久久免费午夜一区 | 久久精品国产免费观看| 欧美亚洲一区| 久久全国免费视频| 久久久精品国产一区二区三区 | 欧美韩国在线| 欧美精品一区二区三区很污很色的| 欧美成人国产一区二区| 欧美成人午夜| 欧美日本高清一区| 欧美视频中文字幕| 国产日韩高清一区二区三区在线| 国产区二精品视| 伊人久久噜噜噜躁狠狠躁| 精品99视频| 亚洲麻豆视频| 欧美在线免费观看视频| 看片网站欧美日韩| 欧美日韩免费网站| 国产人成精品一区二区三| 一区视频在线播放| 日韩一级大片在线| 欧美中文字幕视频| 欧美www视频在线观看| 国产精品成人v| 国语自产精品视频在线看8查询8 | 欧美午夜片欧美片在线观看| 国产精品一区三区| 亚洲伦理网站| 久久精品久久99精品久久| 欧美精品一区二区三区在线播放 |