精品久久久久久亚洲精品_成人午夜网站_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日本高清_亚洲精品久久久久午夜福

      麻豆乱码国产一区二区三区| 久久精品最新地址| 欧美午夜精品一区| 亚洲一区在线观看视频| 国产亚洲精品一区二区| 欧美国产欧美亚洲国产日韩mv天天看完整 | 欧美丝袜第一区| 小处雏高清一区二区三区| 国产嫩草影院久久久久| 美女国内精品自产拍在线播放| 亚洲激情网址| 国产日韩欧美成人| 欧美日韩精品在线| 欧美xart系列高清| 久久精品一区二区三区四区| 一区二区精品在线| 亚洲第一福利在线观看| 欧美日韩国产999| 免费精品99久久国产综合精品| 午夜宅男久久久| 亚洲桃花岛网站| 午夜精品久久久久久久久久久久久| 亚洲激情在线激情| 亚洲国产99精品国自产| 国内精品久久久久久久影视麻豆 | 夜夜嗨av一区二区三区| 亚洲久久在线| 亚洲视频综合| 欧美在线免费看| 久久久国产成人精品| 久久久91精品国产一区二区精品| 国产精品久久一卡二卡| 国产精品久久网| 国产麻豆午夜三级精品| 国产亚洲精品aa午夜观看| 韩曰欧美视频免费观看| 影音先锋亚洲精品| 亚洲午夜电影网| 久久天天躁狠狠躁夜夜av| 欧美国产欧美亚洲国产日韩mv天天看完整| 欧美高清影院| 国产精品sss| 狠狠色综合网| 亚洲欧美日本另类| 欧美日韩国产成人在线| 国产私拍一区| 亚洲一区二区视频| 欧美大片免费观看| 在线电影院国产精品| 久久精品91久久久久久再现| 欧美伦理在线观看| 亚洲精品一区二| 欧美a级大片| 一区视频在线看| 久久国产欧美日韩精品| 国产精品视频最多的网站| 999亚洲国产精| 欧美性大战久久久久久久| 在线成人av| 欧美精品一二三| 亚洲久久视频| 欧美日韩中文| 久久激情五月丁香伊人| 国产日韩欧美在线视频观看| 一区二区三区 在线观看视| 欧美日韩视频在线| 亚洲一区二区三区欧美| 国产主播一区| 欧美日韩国产综合网| 亚洲欧美日韩一区在线观看| 国产一区二区三区的电影| 久久久精品国产一区二区三区| 在线观看91精品国产麻豆| 欧美激情综合五月色丁香小说| 中文精品在线| 韩日视频一区| 欧美日韩第一区| 久久国产一区| 精品动漫3d一区二区三区免费版 | 欧美尤物一区| 亚洲最快最全在线视频| 国产亚洲人成a一在线v站| 欧美成人精品福利| 欧美在线亚洲在线| 亚洲制服av| 中文欧美在线视频| 影音先锋亚洲一区| 国模精品一区二区三区色天香| 欧美日韩在线一区二区| 美女精品网站| 久久狠狠亚洲综合| 亚洲免费视频成人| 日韩视频精品| 夜夜嗨av色一区二区不卡| 99国产精品久久久| 一本色道久久综合一区| 夜夜爽av福利精品导航| 亚洲精品少妇| 小黄鸭精品密入口导航| 欧美一区午夜精品| 久久久久青草大香线综合精品| 久久超碰97人人做人人爱| 性做久久久久久久免费看| 亚洲欧美日韩精品久久奇米色影视| 中文亚洲视频在线| 亚洲欧美日韩一区二区三区在线观看 | 国产精品露脸自拍| 激情欧美一区二区三区| 亚洲高清色综合| 亚洲欧美国产精品桃花| 久久一区激情| 国产精品高潮视频| 在线观看中文字幕亚洲| 亚洲综合成人婷婷小说| 久热爱精品视频线路一| 国产精品久久久久77777| 国产在线精品一区二区中文| 亚洲经典一区| 久久亚洲高清| 国产一区二区高清不卡| 这里只有精品视频| 欧美成人免费全部| 国产三级精品在线不卡| 在线视频日韩| 欧美久久久久久久久| 黄色一区二区三区| 午夜视频一区在线观看| 欧美日韩精品三区| 亚洲精品精选| 欧美国产1区2区| 在线视频你懂得一区二区三区| 欧美成人高清视频| 亚洲精品午夜精品| 欧美视频网站| 久久精品国产一区二区电影 | 久久成人精品电影| 国产一区二区三区日韩| 久久久五月天| 亚洲破处大片| 欧美视频一区二区在线观看| 亚洲在线中文字幕| 黄色成人av网| 欧美日韩一区二区三区在线视频| 一本色道久久88精品综合| 国产精品夜色7777狼人| 久久精品夜色噜噜亚洲a∨| 亚洲精品国产精品国产自| 欧美日一区二区在线观看| 欧美在线视频导航| 99亚洲一区二区| 国产日韩欧美二区| 欧美激情亚洲精品| 久久嫩草精品久久久久| 亚洲一区二区精品在线观看| 在线日韩一区二区| 国产精品中文在线| 欧美天堂亚洲电影院在线播放 | 亚洲精品美女在线观看播放| 亚洲私人影吧| 久久精品日产第一区二区三区| 久久国产一区二区三区| 欧美精品高清视频| 国产精品久久久久三级| 国产视频一区在线观看一区免费| 欧美精品在线一区二区三区| 欧美高清在线精品一区| 女仆av观看一区| 欧美激情一区二区三区在线| 免费日韩av| 欧美片第一页| 国产精品久久久亚洲一区| 国产精品夜色7777狼人| 国产免费成人| 在线播放中文字幕一区| 亚洲国产成人午夜在线一区| 亚洲第一黄色| 亚洲在线免费观看| 久久久久久久久岛国免费| 欧美另类一区二区三区| 国产精品任我爽爆在线播放| 国产色视频一区| 一级日韩一区在线观看| 久久99伊人| 欧美日韩在线播放三区四区| 国产精品一区二区三区成人| 亚洲福利视频免费观看| 亚洲欧美一区二区原创| 欧美伦理91i| 亚洲片在线观看| 欧美一区二视频在线免费观看| 久久夜色精品| 一区二区视频在线观看| 亚洲一区中文| 国产精品免费视频xxxx| 一区二区三区国产精华| 国产精品一香蕉国产线看观看| 亚洲欧美日韩一区| 在线成人欧美| 欧美性jizz18性欧美| 久久综合婷婷|