BootstrapCheatsheet

ເອກະສານຫຍໍ້ RTL

ເນື້ອໃນ

ຕົວພິມ

ເອກະສານ

ຈໍສະແດງຜົນ 1

ຈໍສະແດງຜົນ 2

ຈໍສະແດງຜົນ 3

ຈໍສະແດງຜົນ 4

ຈໍສະແດງຜົນ 5

ຈໍສະແດງຜົນ 6

ຫົວຂໍ້ 1

ຫົວຂໍ້ 2

ຫົວຂໍ້ 3

ຫົວຂໍ້ 4

ຫົວຂໍ້ 5

ຫົວຂໍ້ 6

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

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

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

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

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

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

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

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

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

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

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

ຮູບພາບ

ເອກະສານ
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

ຕາຕະລາງ

ເອກະສານ
# ທໍາອິດ ສຸດທ້າຍ ຈັບ
1 ມາກ ໂອໂຕ @mdo
2 ຢາໂຄບ ທອນຕັນ @ໄຂມັນ
3 Larry the Bird @twitter
# ທໍາອິດ ສຸດທ້າຍ ຈັບ
1 ມາກ ໂອໂຕ @mdo
2 ຢາໂຄບ ທອນຕັນ @ໄຂມັນ
3 Larry the Bird @twitter
ຫ້ອງຮຽນ ຫົວ​ຂໍ້ ຫົວ​ຂໍ້
ຄ່າເລີ່ມຕົ້ນ ເຊລ ເຊລ
ປະຖົມ ເຊລ ເຊລ
ມັດທະຍົມ ເຊລ ເຊລ
ຄວາມ​ສໍາ​ເລັດ ເຊລ ເຊລ
ອັນຕະລາຍ ເຊລ ເຊລ
ຄຳເຕືອນ ເຊລ ເຊລ
ຂໍ້ມູນ ເຊລ ເຊລ
ແສງສະຫວ່າງ ເຊລ ເຊລ
ມືດ ເຊລ ເຊລ
# ທໍາອິດ ສຸດທ້າຍ ຈັບ
1 ມາກ ໂອໂຕ @mdo
2 ຢາໂຄບ ທອນຕັນ @ໄຂມັນ
3 Larry the Bird @twitter

ຕົວເລກ

ເອກະສານ
Placeholder 400x300
ຄຳບັນຍາຍສຳລັບຮູບຂ້າງເທິງ.

ແບບຟອມ

ພາບລວມ

ເອກະສານ
ພວກເຮົາຈະບໍ່ແບ່ງປັນອີເມວຂອງທ່ານກັບຜູ້ອື່ນ.
ປຸ່ມວິທະຍຸ

ແບບຟອມທີ່ພິການ

ເອກະສານ
ປຸ່ມວິທະຍຸປິດໃຊ້ງານ

ຂະໜາດ

ເອກະສານ

ກຸ່ມປ້ອນຂໍ້ມູນ

ເອກະສານ
@
@example.com
https://example.com/users/
$ .00
ກັບ textarea

ປ້າຍທີ່ເລື່ອນໄດ້

ເອກະສານ

ການກວດສອບ

ເອກະສານ
ເບິ່ງດີ!
ເບິ່ງດີ!
@
ກະລຸນາເລືອກຊື່ຜູ້ໃຊ້.
ກະລຸນາລະບຸເມືອງທີ່ຖືກຕ້ອງ.
ກະລຸນາເລືອກສະຖານະທີ່ຖືກຕ້ອງ.
ກະລຸນາລະບຸ zip ທີ່ຖືກຕ້ອງ.
ທ່ານຕ້ອງຕົກລົງເຫັນດີກ່ອນທີ່ຈະສົ່ງ.

ອົງປະກອບ

ອັກຄີໄພ

ເອກະສານ

ນີ້​ແມ່ນ​ຮ່າງ​ກາຍ accordion ຂອງ​ລາຍ​ການ​ທໍາ​ອິດ​. ມັນຖືກເຊື່ອງໄວ້ໂດຍຄ່າເລີ່ມຕົ້ນ, ຈົນກ່ວາ plugin ຫຍໍ້ລົງຈະເພີ່ມຊັ້ນຮຽນທີ່ເຫມາະສົມທີ່ພວກເຮົາໃຊ້ເພື່ອຈັດຮູບແບບແຕ່ລະອົງປະກອບ. ຫ້ອງຮຽນເຫຼົ່ານີ້ຄວບຄຸມຮູບລັກສະນະໂດຍລວມ, ເຊັ່ນດຽວກັນກັບການສະແດງແລະການຊ່ອນຜ່ານ CSS transitions. ທ່ານສາມາດແກ້ໄຂອັນໃດອັນໜຶ່ງອັນນີ້ດ້ວຍ CSS ແບບກຳນົດເອງ ຫຼືລົບລ້າງຕົວແປເລີ່ມຕົ້ນຂອງພວກເຮົາ. ມັນຍັງເປັນມູນຄ່າທີ່ສັງເກດວ່າພຽງແຕ່ກ່ຽວກັບ HTML ໃດກໍ່ຕາມສາມາດເຂົ້າໄປໃນ .accordion-body, ເຖິງແມ່ນວ່າການຫັນປ່ຽນຈະຈໍາກັດການ overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

ນີ້​ແມ່ນ​ຮ່າງ​ກາຍ accordion ລາຍ​ການ​ທີ​ສາມ​. ມັນຖືກເຊື່ອງໄວ້ໂດຍຄ່າເລີ່ມຕົ້ນ, ຈົນກ່ວາ plugin ຫຍໍ້ລົງຈະເພີ່ມຊັ້ນຮຽນທີ່ເຫມາະສົມທີ່ພວກເຮົາໃຊ້ເພື່ອຈັດຮູບແບບແຕ່ລະອົງປະກອບ. ຫ້ອງຮຽນເຫຼົ່ານີ້ຄວບຄຸມຮູບລັກສະນະໂດຍລວມ, ເຊັ່ນດຽວກັນກັບການສະແດງແລະການຊ່ອນຜ່ານ CSS transitions. ທ່ານສາມາດແກ້ໄຂອັນໃດອັນໜຶ່ງອັນນີ້ດ້ວຍ CSS ແບບກຳນົດເອງ ຫຼືລົບລ້າງຕົວແປເລີ່ມຕົ້ນຂອງພວກເຮົາ. ມັນຍັງເປັນມູນຄ່າທີ່ສັງເກດວ່າພຽງແຕ່ກ່ຽວກັບ HTML ໃດກໍ່ຕາມສາມາດເຂົ້າໄປໃນ .accordion-body, ເຖິງແມ່ນວ່າການຫັນປ່ຽນຈະຈໍາກັດການ overflow.

ແຈ້ງເຕືອນ

ເອກະສານ

ປ້າຍ

ເອກະສານ

ຫົວຂໍ້ຕົວຢ່າງໃຫມ່

ຫົວຂໍ້ຕົວຢ່າງໃຫມ່

ຫົວຂໍ້ຕົວຢ່າງໃຫມ່

ຫົວຂໍ້ຕົວຢ່າງໃຫມ່

ຫົວຂໍ້ຕົວຢ່າງໃຫມ່

ຫົວຂໍ້ຕົວຢ່າງໃຫມ່

ຫົວຂໍ້ຕົວຢ່າງໃຫມ່

ຫົວຂໍ້ຕົວຢ່າງໃຫມ່

ປະຖົມ ມັດທະຍົມ ຄວາມ​ສໍາ​ເລັດ ອັນຕະລາຍ ຄຳເຕືອນ ຂໍ້ມູນ ແສງສະຫວ່າງ ມືດ

ປຸ່ມ

ເອກະສານ

ບັດ

ເອກະສານ
Placeholder Image cap
ຊື່ບັດ

ຂໍ້ຄວາມຕົວຢ່າງໄວບາງອັນເພື່ອສ້າງໃສ່ຊື່ບັດ ແລະປະກອບເປັນສ່ວນໃຫຍ່ຂອງເນື້ອໃນຂອງບັດ.

ໄປບ່ອນໃດບ່ອນນຶ່ງ
ແນະນຳ
ຊື່ບັດ

ຂໍ້ຄວາມຕົວຢ່າງໄວບາງອັນເພື່ອສ້າງໃສ່ຊື່ບັດ ແລະປະກອບເປັນສ່ວນໃຫຍ່ຂອງເນື້ອໃນຂອງບັດ.

ໄປບ່ອນໃດບ່ອນນຶ່ງ
2 ມື້ກ່ອນຫນ້ານີ້
ຊື່ບັດ

ຂໍ້ຄວາມຕົວຢ່າງໄວບາງອັນເພື່ອສ້າງໃສ່ຊື່ບັດ ແລະປະກອບເປັນສ່ວນໃຫຍ່ຂອງເນື້ອໃນຂອງບັດ.

  • ລາຍການ
  • ລາຍການທີສອງ
  • ລາຍການທີສາມ
ບັດເຊື່ອມຕໍ່ການເຊື່ອມຕໍ່ ອື່ນ
Placeholder Image
ຊື່ບັດ

ນີ້ແມ່ນບັດທີ່ກວ້າງກວ່າທີ່ມີຂໍ້ຄວາມສະຫນັບສະຫນູນຂ້າງລຸ່ມນີ້ເປັນການນໍາພາທໍາມະຊາດໄປສູ່ເນື້ອຫາເພີ່ມເຕີມ. ເນື້ອຫານີ້ແມ່ນຍາວເລັກນ້ອຍ.

ອັບເດດຫຼ້າສຸດ 3 ນາທີກ່ອນ

ລາຍຊື່ກຸ່ມ

ເອກະສານ
  • ລາຍການທີ່ພິການ
  • ລາຍການທີສອງ
  • ລາຍການທີສາມ
  • ລາຍການທີສີ່
  • ແລະອັນທີຫ້າ
  • ລາຍການ
  • ລາຍການທີສອງ
  • ລາຍການທີສາມ
  • ລາຍການທີສີ່
  • ແລະອັນທີຫ້າ
ລາຍການກຸ່ມລາຍຊື່ເລີ່ມຕົ້ນທີ່ງ່າຍດາຍ ລາຍການກຸ່ມລາຍຊື່ຕົ້ນຕໍທີ່ງ່າຍດາຍ ລາຍການກຸ່ມລາຍຊື່ຮອງແບບງ່າຍໆ ລາຍການກຸ່ມລາຍຊື່ຄວາມສໍາເລັດງ່າຍໆ ລາຍການກຸ່ມລາຍຊື່ອັນຕະລາຍງ່າຍໆ ບັນຊີລາຍການເຕືອນງ່າຍໆຂອງກຸ່ມ ຂໍ້​ມູນ​ງ່າຍ​ດາຍ​ລາຍ​ການ​ລາຍ​ການ​ກຸ່ມ​ ລາຍການກຸ່ມລາຍຊື່ເບົາທີ່ງ່າຍດາຍ ລາຍການກຸ່ມລາຍຊື່ຊ້ໍາແບບງ່າຍໆ

Popovers

ເອກະສານ

ເລື່ອນ

ເອກະສານ

ຫົວຂໍ້ທໍາອິດ

ນີ້​ແມ່ນ​ບາງ​ເນື້ອ​ໃນ​ຕົວ​ຍຶດ​ສໍາ​ລັບ​ຫນ້າ scrollspy. ໃຫ້ສັງເກດວ່າເມື່ອທ່ານເລື່ອນລົງຫນ້າ, ການເຊື່ອມຕໍ່ນໍາທາງທີ່ເຫມາະສົມຈະຖືກເນັ້ນໃສ່. ມັນຊ້ໍາກັນຕະຫຼອດຕົວຢ່າງອົງປະກອບ. ພວກເຮົາສືບຕໍ່ເພີ່ມບາງຕົວຢ່າງສໍາເນົາເພີ່ມເຕີມທີ່ນີ້ເພື່ອເນັ້ນຫນັກໃສ່ການເລື່ອນພາບແລະການເນັ້ນ.

ຫົວຂໍ້ທີສອງ

ນີ້​ແມ່ນ​ບາງ​ເນື້ອ​ໃນ​ຕົວ​ຍຶດ​ສໍາ​ລັບ​ຫນ້າ scrollspy. ໃຫ້ສັງເກດວ່າເມື່ອທ່ານເລື່ອນລົງຫນ້າ, ການເຊື່ອມຕໍ່ນໍາທາງທີ່ເຫມາະສົມຈະຖືກເນັ້ນໃສ່. ມັນຊ້ໍາກັນຕະຫຼອດຕົວຢ່າງອົງປະກອບ. ພວກເຮົາສືບຕໍ່ເພີ່ມບາງຕົວຢ່າງສໍາເນົາເພີ່ມເຕີມທີ່ນີ້ເພື່ອເນັ້ນຫນັກໃສ່ການເລື່ອນພາບແລະການເນັ້ນ.

ຫົວຂໍ້ທີສາມ

ນີ້​ແມ່ນ​ບາງ​ເນື້ອ​ໃນ​ຕົວ​ຍຶດ​ສໍາ​ລັບ​ຫນ້າ scrollspy. ໃຫ້ສັງເກດວ່າເມື່ອທ່ານເລື່ອນລົງຫນ້າ, ການເຊື່ອມຕໍ່ນໍາທາງທີ່ເຫມາະສົມຈະຖືກເນັ້ນໃສ່. ມັນຊ້ໍາກັນຕະຫຼອດຕົວຢ່າງອົງປະກອບ. ພວກເຮົາສືບຕໍ່ເພີ່ມບາງຕົວຢ່າງສໍາເນົາເພີ່ມເຕີມທີ່ນີ້ເພື່ອເນັ້ນຫນັກໃສ່ການເລື່ອນພາບແລະການເນັ້ນ.

ຫົວຂໍ້ທີສີ່

ນີ້​ແມ່ນ​ບາງ​ເນື້ອ​ໃນ​ຕົວ​ຍຶດ​ສໍາ​ລັບ​ຫນ້າ scrollspy. ໃຫ້ສັງເກດວ່າເມື່ອທ່ານເລື່ອນລົງຫນ້າ, ການເຊື່ອມຕໍ່ນໍາທາງທີ່ເຫມາະສົມຈະຖືກເນັ້ນໃສ່. ມັນຊ້ໍາກັນຕະຫຼອດຕົວຢ່າງອົງປະກອບ. ພວກເຮົາສືບຕໍ່ເພີ່ມບາງຕົວຢ່າງສໍາເນົາເພີ່ມເຕີມທີ່ນີ້ເພື່ອເນັ້ນຫນັກໃສ່ການເລື່ອນພາບແລະການເນັ້ນ.

ຫົວຂໍ້ທີຫ້າ

ນີ້​ແມ່ນ​ບາງ​ເນື້ອ​ໃນ​ຕົວ​ຍຶດ​ສໍາ​ລັບ​ຫນ້າ scrollspy. ໃຫ້ສັງເກດວ່າເມື່ອທ່ານເລື່ອນລົງຫນ້າ, ການເຊື່ອມຕໍ່ນໍາທາງທີ່ເຫມາະສົມຈະຖືກເນັ້ນໃສ່. ມັນຊ້ໍາກັນຕະຫຼອດຕົວຢ່າງອົງປະກອບ. ພວກເຮົາສືບຕໍ່ເພີ່ມບາງຕົວຢ່າງສໍາເນົາເພີ່ມເຕີມທີ່ນີ້ເພື່ອເນັ້ນຫນັກໃສ່ການເລື່ອນພາບແລະການເນັ້ນ.

ເຄື່ອງປັ່ນປ່ວນ

ເອກະສານ

ເຂົ້າຈີ່

ເອກະສານ

ຄຳແນະນຳ

ເອກະສານ