ຕົວພິມ

ເອກະສານແລະຕົວຢ່າງສໍາລັບການພິມ Bootstrap, ລວມທັງການຕັ້ງຄ່າທົ່ວໂລກ, ຫົວຂໍ້, ຂໍ້ຄວາມ, ລາຍຊື່, ແລະອື່ນໆ.

ໃນໜ້ານີ້

ການຕັ້ງຄ່າທົ່ວໂລກ

Bootstrap ກໍານົດພື້ນຖານການສະແດງທົ່ວໂລກ, typography, ແລະຮູບແບບການເຊື່ອມຕໍ່. ເມື່ອຕ້ອງການການຄວບຄຸມຫຼາຍຂຶ້ນ, ໃຫ້ກວດເບິ່ງ ຫ້ອງຮຽນທີ່ເປັນປະໂຫຍດ ຂອງຂໍ້ຄວາມ .

ໃຊ້ຊຸດ ຟອນພື້ນເມືອງ ທີ່ເລືອກທີ່ດີທີ່ສຸດ font-familyສໍາລັບແຕ່ລະ OS ແລະອຸປະກອນ.
ສໍາລັບຂະຫນາດປະເພດທີ່ລວມແລະສາມາດເຂົ້າເຖິງໄດ້, ພວກເຮົາໃຊ້ຮາກເລີ່ມຕົ້ນຂອງຕົວທ່ອງເວັບ font-size(ໂດຍປົກກະຕິ 16px) ເພື່ອໃຫ້ຜູ້ເຂົ້າຊົມສາມາດປັບແຕ່ງຄ່າເລີ່ມຕົ້ນຂອງຕົວທ່ອງເວັບຕາມຄວາມຕ້ອງການ.
ໃຊ້ $font-family-base, $font-size-base, ແລະ $line-height-baseຄຸນລັກສະນະເປັນພື້ນຖານການພິມຂອງພວກເຮົານໍາໃຊ້ກັບ <body>.
ກໍານົດສີການເຊື່ອມຕໍ່ທົ່ວໂລກໂດຍຜ່ານ $link-color.
ໃຊ້ $body-bgເພື່ອຕັ້ງຄ່າ background-colorໃນ <body>( #fffຕາມຄ່າເລີ່ມຕົ້ນ).

ຮູບແບບເຫຼົ່ານີ້ສາມາດພົບໄດ້ພາຍໃນ _reboot.scss, ແລະຕົວແປທົ່ວໂລກຖືກກໍານົດໄວ້ໃນ _variables.scss. ໃຫ້ແນ່ໃຈວ່າຕັ້ງ $font-size-baseຢູ່ໃນ rem.

ຫົວຂໍ້

ຫົວຂໍ້ HTML ທັງຫມົດ, <h1>ຜ່ານ <h6>, ແມ່ນມີຢູ່.

ຫົວຂໍ້	ຕົວຢ່າງ
`<h1></h1>`	h1. ຫົວຂໍ້ Bootstrap
`<h2></h2>`	h2. ຫົວຂໍ້ Bootstrap
`<h3></h3>`	h3. ຫົວຂໍ້ Bootstrap
`<h4></h4>`	h4. ຫົວຂໍ້ Bootstrap
`<h5></h5>`	h5. ຫົວຂໍ້ Bootstrap
`<h6></h6>`	h6. ຫົວຂໍ້ Bootstrap

<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>

.h1ໂດຍຜ່ານ .h6ຫ້ອງຮຽນຍັງມີຢູ່, ສໍາລັບເວລາທີ່ທ່ານຕ້ອງການກົງກັບຮູບແບບຕົວອັກສອນຂອງຫົວຂໍ້ແຕ່ບໍ່ສາມາດໃຊ້ອົງປະກອບ HTML ທີ່ກ່ຽວຂ້ອງ.

h1. ຫົວຂໍ້ Bootstrap

h2. ຫົວຂໍ້ Bootstrap

h3. ຫົວຂໍ້ Bootstrap

h4. ຫົວຂໍ້ Bootstrap

h5. ຫົວຂໍ້ Bootstrap

h6. ຫົວຂໍ້ Bootstrap

html

<p class="h1">h1. Bootstrap heading</p>
<p class="h2">h2. Bootstrap heading</p>
<p class="h3">h3. Bootstrap heading</p>
<p class="h4">h4. Bootstrap heading</p>
<p class="h5">h5. Bootstrap heading</p>
<p class="h6">h6. Bootstrap heading</p>

ປັບແຕ່ງຫົວຂໍ້

ໃຊ້ຫ້ອງຮຽນຜົນປະໂຫຍດລວມເພື່ອສ້າງຂໍ້ຄວາມຫົວຂໍ້ທີສອງໃຫມ່ຈາກ Bootstrap 3.

ຫົວຂໍ້ສະແດງແບບແຟນຊີ ພ້ອມຂໍ້ຄວາມສຳຮອງທີ່ຈືດໆ

html

<h3>
  Fancy display heading
  <small class="text-muted">With faded secondary text</small>
</h3>

ສະແດງຫົວຂໍ້

ອົງປະກອບຫົວຂໍ້ແບບດັ້ງເດີມຖືກອອກແບບມາເພື່ອເຮັດວຽກທີ່ດີທີ່ສຸດໃນເນື້ອໃນຂອງຫນ້າຂອງທ່ານ. ເມື່ອທ່ານຕ້ອງການຫົວຂໍ້ທີ່ໂດດເດັ່ນ, ພິຈາລະນາໃຊ້ ຫົວຂໍ້ສະແດງຜົນ - ແບບຫົວຂໍ້ທີ່ ໃຫຍ່ກວ່າ, ມີຄວາມຄິດເຫັນຫຼາຍເລັກນ້ອຍ.

ຈໍສະແດງຜົນ 1

ຈໍສະແດງຜົນ 2

ຈໍສະແດງຜົນ 3

ຈໍສະແດງຜົນ 4

ຈໍສະແດງຜົນ 5

ຈໍສະແດງຜົນ 6

<h1 class="display-1">Display 1</h1>
<h1 class="display-2">Display 2</h1>
<h1 class="display-3">Display 3</h1>
<h1 class="display-4">Display 4</h1>
<h1 class="display-5">Display 5</h1>
<h1 class="display-6">Display 6</h1>

ການສະແດງຫົວຂໍ້ຖືກຕັ້ງຄ່າຜ່ານ $display-font-sizesແຜນທີ່ Sass ແລະສອງຕົວແປ, $display-font-weightແລະ $display-line-height.

ຫົວຂໍ້ສະແດງແມ່ນສາມາດປັບແຕ່ງໄດ້ໂດຍຜ່ານສອງຕົວແປ, $display-font-familyແລະ $display-font-style.

$display-font-sizes: (
  1: 5rem,
  2: 4.5rem,
  3: 4rem,
  4: 3.5rem,
  5: 3rem,
  6: 2.5rem
);

$display-font-family: null;
$display-font-style:  null;
$display-font-weight: 300;
$display-line-height: $headings-line-height;

ນຳ

ເຮັດໃຫ້ວັກໂດດເດັ່ນໂດຍການເພີ່ມ .lead.

ນີ້ແມ່ນວັກນໍາພາ. ມັນໂດດເດັ່ນຈາກວັກປົກກະຕິ.

html

<p class="lead">
  This is a lead paragraph. It stands out from regular paragraphs.
</p>

ອົງປະກອບຂໍ້ຄວາມໃນແຖວ

ການຈັດຮູບແບບສຳລັບອົງປະກອບ HTML5 ໃນແຖວທົ່ວໄປ.

ທ່ານສາມາດນໍາໃຊ້ແທັກເຄື່ອງຫມາຍເພື່ອຈຸດເດັ່ນຂໍ້ຄວາມ.

~~ແຖວຂອງຂໍ້ຄວາມນີ້ແມ່ນຫມາຍຄວາມວ່າຈະຖືກປະຕິບັດເປັນຂໍ້ຄວາມທີ່ຖືກລົບ.~~

~~ຂໍ້ຄວາມເສັ້ນນີ້ຖືກຖືວ່າເປັນສິ່ງທີ່ບໍ່ຖືກຕ້ອງອີກຕໍ່ໄປ.~~

ແຖວຂອງຂໍ້ຄວາມນີ້ແມ່ນຫມາຍຄວາມວ່າຈະຖືກປະຕິບັດເປັນການເພີ່ມເຕີມຂອງເອກະສານ.

ແຖວຂອງຂໍ້ຄວາມນີ້ຈະສະແດງຕາມທີ່ຂຽນໄວ້.

ເສັ້ນຂອງຂໍ້ຄວາມນີ້ແມ່ນຫມາຍເຖິງການພິມດີ.

ແຖວນີ້ສະແດງເປັນຕົວໜັງສືໜາ.

ແຖວນີ້ສະແດງເປັນຂໍ້ຄວາມຕົວອຽງ.

html

<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined.</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>

ຈົ່ງລະວັງວ່າແທັກເຫຼົ່ານັ້ນຄວນຖືກໃຊ້ເພື່ອຈຸດປະສົງທາງຄວາມຫມາຍ:

ເປັນຕົວແທນຂອງຂໍ້ຄວາມທີ່ຖືກໝາຍ ຫຼືເນັ້ນໃສ່ເພື່ອຈຸດປະສົງອ້າງອີງ ຫຼືໝາຍເຫດ.
ເປັນຕົວແທນຂອງຄໍາເຫັນດ້ານຂ້າງແລະການພິມຂະຫນາດນ້ອຍ, ເຊັ່ນ: ລິຂະສິດແລະຂໍ້ຄວາມທາງດ້ານກົດຫມາຍ.
<s>ເປັນຕົວແທນຂອງອົງປະກອບທີ່ບໍ່ກ່ຽວຂ້ອງ ຫຼືບໍ່ຖືກຕ້ອງອີກຕໍ່ໄປ.
ເປັນຕົວແທນຂອງຂໍ້ຄວາມໃນແຖວທີ່ຄວນຈະຖືກສະແດງໃນລັກສະນະທີ່ຊີ້ບອກວ່າມັນມີຄໍາບັນຍາຍທີ່ບໍ່ແມ່ນຂໍ້ຄວາມ.

ຖ້າທ່ານຕ້ອງການຈັດຮູບແບບຂໍ້ຄວາມຂອງທ່ານ, ທ່ານຄວນໃຊ້ຊັ້ນຮຽນຕໍ່ໄປນີ້ແທນ:

.markຈະໃຊ້ຮູບແບບດຽວກັນກັບ .
.smallຈະໃຊ້ຮູບແບບດຽວກັນກັບ .
.text-decoration-underlineຈະໃຊ້ຮູບແບບດຽວກັນກັບ .
.text-decoration-line-throughຈະໃຊ້ຮູບແບບດຽວກັນກັບ <s>.

ໃນຂະນະທີ່ບໍ່ໄດ້ສະແດງຂ້າງເທິງ, ຮູ້ສຶກວ່າບໍ່ເສຍຄ່າເພື່ອໃຊ້ ແລະ ໃນ HTML5. ແມ່ນຫມາຍເຖິງການເນັ້ນຄໍາສັບຫຼືປະໂຫຍກໂດຍບໍ່ມີການສະແດງຄວາມສໍາຄັນເພີ່ມເຕີມ, ໃນຂະນະທີ່ ສ່ວນໃຫຍ່ແມ່ນສໍາລັບສຽງ, ຄໍາສັບດ້ານວິຊາການ, ແລະອື່ນໆ.

ຜົນປະໂຫຍດຂໍ້ຄວາມ

ການປ່ຽນແປງການຈັດຕໍາແຫນ່ງຂໍ້ຄວາມ, ການຫັນປ່ຽນ, ແບບ, ນ້ໍາຫນັກ, ເສັ້ນຄວາມສູງ, ການຕົກແຕ່ງແລະສີທີ່ມີ ຄຸນນະສົມບັດ ຕົວຫນັງສື ແລະ ສີ ຂອງພວກເຮົາ .

ຕົວຫຍໍ້

ການປະຕິບັດແບບສະໄຕລ໌ຂອງອົງປະກອບຂອງ HTML <abbr>ສໍາລັບຕົວຫຍໍ້ແລະຕົວຫຍໍ້ເພື່ອສະແດງສະບັບທີ່ຂະຫຍາຍຢູ່ໃນ hover. ຕົວຫຍໍ້ມີຂີດກ້ອງເລີ່ມຕົ້ນ ແລະໄດ້ຮັບຕົວກະພິບຊ່ວຍເຫຼືອເພື່ອສະໜອງບໍລິບົດເພີ່ມເຕີມໃນການເລື່ອນ ແລະ ໃຫ້ກັບຜູ້ໃຊ້ເທັກໂນໂລຍີຊ່ວຍເຫຼືອ.

ຕື່ມ .initialismໃສ່ຕົວຫຍໍ້ສໍາລັບຂະຫນາດຕົວອັກສອນທີ່ນ້ອຍກວ່າເລັກນ້ອຍ.

attr

HTML

html

<p><abbr title="attribute">attr</abbr></p>
<p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr></p>

Blockquotes

ສໍາລັບການອ້າງອີງຕັນຂອງເນື້ອຫາຈາກແຫຼ່ງອື່ນພາຍໃນເອກະສານຂອງທ່ານ. ຫໍ່ <blockquote class="blockquote">ໃສ່ HTML ໃດໆທີ່ເປັນຄໍາເວົ້າ.

ຄໍາເວົ້າທີ່ມີຊື່ສຽງ, ບັນຈຸຢູ່ໃນອົງປະກອບ blockquote.

html

<blockquote class="blockquote">
  <p>A well-known quote, contained in a blockquote element.</p>
</blockquote>

ການຕັ້ງຊື່ແຫຼ່ງ

HTML spec ຕ້ອງການໃຫ້ຄຸນສົມບັດ blockquote ຖືກວາງໄວ້ຢູ່ນອກ <blockquote>. ເມື່ອສະຫນອງຄຸນລັກສະນະ, ຫໍ່ຂອງທ່ານ <blockquote>ເຂົ້າໃນ <figure>a <figcaption>ຫຼືອົງປະກອບລະດັບຕັນ (ເຊັ່ນ, ) ກັບ .blockquote-footerຫ້ອງຮຽນ. ໃຫ້ແນ່ໃຈວ່າຈະຫໍ່ຊື່ຂອງແຫຼ່ງທີ່ເຮັດວຽກຢູ່ໃນ <cite>ເຊັ່ນດຽວກັນ.

ຄໍາເວົ້າທີ່ມີຊື່ສຽງ, ບັນຈຸຢູ່ໃນອົງປະກອບ blockquote.

html

<figure>
  <blockquote class="blockquote">
    <p>A well-known quote, contained in a blockquote element.</p>
  </blockquote>
  <figcaption class="blockquote-footer">
    Someone famous in <cite title="Source Title">Source Title</cite>
  </figcaption>
</figure>

ຈັດຮຽງ

ໃຊ້ປະໂຫຍດຂອງຂໍ້ຄວາມຕາມຄວາມຈໍາເປັນເພື່ອປ່ຽນການຈັດຕໍາແຫນ່ງຂອງ blockquote ຂອງທ່ານ.

ຄໍາເວົ້າທີ່ມີຊື່ສຽງ, ບັນຈຸຢູ່ໃນອົງປະກອບ blockquote.

html

<figure class="text-center">
  <blockquote class="blockquote">
    <p>A well-known quote, contained in a blockquote element.</p>
  </blockquote>
  <figcaption class="blockquote-footer">
    Someone famous in <cite title="Source Title">Source Title</cite>
  </figcaption>
</figure>

ຄໍາເວົ້າທີ່ມີຊື່ສຽງ, ບັນຈຸຢູ່ໃນອົງປະກອບ blockquote.

html

<figure class="text-end">
  <blockquote class="blockquote">
    <p>A well-known quote, contained in a blockquote element.</p>
  </blockquote>
  <figcaption class="blockquote-footer">
    Someone famous in <cite title="Source Title">Source Title</cite>
  </figcaption>
</figure>

ລາຍການ

ບໍ່ມີຮູບແບບ

ເອົາຄ່າເລີ່ມຕົ້ນ list-styleແລະຂອບຊ້າຍໃນລາຍການລາຍການ (ເດັກນ້ອຍທັນທີເທົ່ານັ້ນ). ອັນນີ້ໃຊ້ໄດ້ກັບລາຍການລາຍຊື່ເດັກນ້ອຍທັນທີ , ຊຶ່ງໝາຍຄວາມວ່າເຈົ້າຈະຕ້ອງເພີ່ມຊັ້ນຮຽນສຳລັບລາຍຊື່ທີ່ຕິດຢູ່ນຳ.

ນີ້ແມ່ນບັນຊີລາຍຊື່.
ມັນເບິ່ງຄືວ່າບໍ່ມີຮູບແບບຢ່າງສົມບູນ.
ໂຄງສ້າງ, ມັນຍັງເປັນບັນຊີລາຍຊື່.
ຢ່າງໃດກໍຕາມ, ຮູບແບບນີ້ໃຊ້ໄດ້ກັບອົງປະກອບຂອງເດັກນ້ອຍທັນທີທັນໃດ.
ລາຍຊື່ທີ່ຊ້ອນກັນ:
- ບໍ່ໄດ້ຮັບຜົນກະທົບຈາກຮູບແບບນີ້
- ຍັງຈະສະແດງລູກປືນ
- ແລະມີຂອບຊ້າຍທີ່ເຫມາະສົມ
ອັນນີ້ອາດຈະຍັງມີປະໂຫຍດໃນບາງສະຖານະການ.

html

<ul class="list-unstyled">
  <li>This is a list.</li>
  <li>It appears completely unstyled.</li>
  <li>Structurally, it's still a list.</li>
  <li>However, this style only applies to immediate child elements.</li>
  <li>Nested lists:
    <ul>
      <li>are unaffected by this style</li>
      <li>will still show a bullet</li>
      <li>and have appropriate left margin</li>
    </ul>
  </li>
  <li>This may still come in handy in some situations.</li>
</ul>

ໃນແຖວ

ເອົາລູກປືນຂອງລາຍການອອກ ແລະໃຊ້ແສງບາງອັນ marginດ້ວຍການປະສົມຂອງສອງຫ້ອງຮຽນ, .list-inlineແລະ .list-inline-item.

ນີ້ແມ່ນລາຍການລາຍການ.
ແລະອີກອັນຫນຶ່ງ.
ແຕ່ພວກມັນຖືກສະແດງຢູ່ໃນແຖວ.

html

<ul class="list-inline">
  <li class="list-inline-item">This is a list item.</li>
  <li class="list-inline-item">And another one.</li>
  <li class="list-inline-item">But they're displayed inline.</li>
</ul>

ການຈັດຮຽງລາຍການຄໍາອະທິບາຍ

ຈັດຮຽງຄຳສັບ ແລະຄຳອະທິບາຍຕາມແນວນອນໂດຍການໃຊ້ຫ້ອງຮຽນທີ່ກຳນົດໄວ້ລ່ວງໜ້າຂອງລະບົບຕາໜ່າງຂອງພວກເຮົາ (ຫຼືຄຳສັບປະສົມ). ສໍາລັບເງື່ອນໄຂທີ່ຍາວກວ່າ, ທ່ານສາມາດເລືອກເພີ່ມ .text-truncateຊັ້ນຮຽນເພື່ອຕັດຂໍ້ຄວາມດ້ວຍຮູບໄຂ່.

ລາຍລະອຽດ

ບັນຊີລາຍຊື່ຄໍາອະທິບາຍແມ່ນດີເລີດສໍາລັບການກໍານົດຂໍ້ກໍານົດ.

ໄລຍະ

ຄໍານິຍາມສໍາລັບຄໍາສັບ.

ແລະບາງຂໍ້ຄວາມນິຍາມຕົວຍຶດບ່ອນເພີ່ມເຕີມ.

ໄລຍະອື່ນ

ຄໍານິຍາມນີ້ແມ່ນສັ້ນ, ສະນັ້ນບໍ່ມີວັກເພີ່ມເຕີມຫຼືຫຍັງ.

ຄໍາສັບທີ່ຖືກຕັດຖືກຕັດອອກ

ນີ້ສາມາດເປັນປະໂຫຍດເມື່ອພື້ນທີ່ໃກ້ຊິດ. ເພີ່ມ ellipsis ໃນຕອນທ້າຍ.

ຮັງ

ລາຍຊື່ນິຍາມທີ່ຊ້ອນກັນ: ຂ້ອຍໄດ້ຍິນເຈົ້າມັກລາຍການນິຍາມ. ໃຫ້ຂ້ອຍໃສ່ບັນຊີລາຍຊື່ຄໍານິຍາມພາຍໃນບັນຊີລາຍຊື່ຄໍານິຍາມຂອງເຈົ້າ.

html

<dl class="row">
  <dt class="col-sm-3">Description lists</dt>
  <dd class="col-sm-9">A description list is perfect for defining terms.</dd>

  <dt class="col-sm-3">Term</dt>
  <dd class="col-sm-9">
    <p>Definition for the term.</p>
    <p>And some more placeholder definition text.</p>
  </dd>

  <dt class="col-sm-3">Another term</dt>
  <dd class="col-sm-9">This definition is short, so no extra paragraphs or anything.</dd>

  <dt class="col-sm-3 text-truncate">Truncated term is truncated</dt>
  <dd class="col-sm-9">This can be useful when space is tight. Adds an ellipsis at the end.</dd>

  <dt class="col-sm-3">Nesting</dt>
  <dd class="col-sm-9">
    <dl class="row">
      <dt class="col-sm-4">Nested definition list</dt>
      <dd class="col-sm-8">I heard you like definition lists. Let me put a definition list inside your definition list.</dd>
    </dl>
  </dd>
</dl>

ຂະໜາດຕົວອັກສອນທີ່ຕອບສະໜອງ

ໃນ Bootstrap 5, ພວກເຮົາໄດ້ເປີດໃຊ້ຂະຫນາດຕົວອັກສອນທີ່ຕອບສະຫນອງໂດຍຄ່າເລີ່ມຕົ້ນ, ອະນຸຍາດໃຫ້ຂໍ້ຄວາມສາມາດປັບຂະຫນາດໄດ້ຕາມທໍາມະຊາດໃນທົ່ວອຸປະກອນແລະຂະຫນາດ viewport. ໃຫ້ເບິ່ງ ຫນ້າ RFS ເພື່ອຊອກຫາວິທີນີ້ເຮັດວຽກ.

ຊາສ

ຕົວແປ

ຫົວຂໍ້ມີບາງຕົວແປທີ່ອຸທິດຕົນສໍາລັບຂະຫນາດແລະໄລຍະຫ່າງ.

$headings-margin-bottom:      $spacer * .5;
$headings-font-family:        null;
$headings-font-style:         null;
$headings-font-weight:        500;
$headings-line-height:        1.2;
$headings-color:              null;

ອົງປະກອບຕົວພິມອື່ນໆທີ່ກວມເອົາຢູ່ທີ່ນີ້ແລະໃນ Reboot ຍັງມີຕົວແປທີ່ອຸທິດຕົນ.

$lead-font-size:              $font-size-base * 1.25;
$lead-font-weight:            300;

$small-font-size:             .875em;

$sub-sup-font-size:           .75em;

$text-muted:                  $gray-600;

$initialism-font-size:        $small-font-size;

$blockquote-margin-y:         $spacer;
$blockquote-font-size:        $font-size-base * 1.25;
$blockquote-footer-color:     $gray-600;
$blockquote-footer-font-size: $small-font-size;

$hr-margin-y:                 $spacer;
$hr-color:                    inherit;

// fusv-disable
$hr-bg-color:                 null; // Deprecated in v5.2.0
$hr-height:                   null; // Deprecated in v5.2.0
// fusv-enable

$hr-border-color:             null; // Allows for inherited colors
$hr-border-width:             $border-width;
$hr-opacity:                  .25;

$legend-margin-bottom:        .5rem;
$legend-font-size:            1.5rem;
$legend-font-weight:          null;

$dt-font-weight:              $font-weight-bold;

$list-inline-padding:         .5rem;

$mark-padding:                .1875em;
$mark-bg:                     $yellow-100;

ມິກຊິນ

ບໍ່ມີ mixins ສະເພາະສໍາລັບການພິມ, ແຕ່ Bootstrap ໃຊ້ Responsive Font Sizing (RFS) .