АчаалагчCheatsheet

RTL хууран мэхлэх хуудас

Агуулга

Типографи

Баримт бичиг

Дэлгэц 1

Дэлгэц 2

Дэлгэц 3

Дэлгэц 4

Дэлгэц 5

Дэлгэц 6

Гарчиг 1

Гарчиг 2

Гарчиг 3

Гарчиг 4

Гарчиг 5

Гарчиг 6

Энэ бол тэргүүлэх догол мөр юм. Энэ нь ердийн догол мөрүүдээс ялгардаг.

Та тэмдэглэгээг ашиглаж болноонцлохтекст.

Энэ текстийн мөрийг устгасан текст гэж үзэх зорилготой.

Энэ текстийн мөрийг үнэн зөв байхаа больсон гэж үзэх зорилготой.

Энэ текстийн мөрийг баримт бичигт нэмэлт болгон авч үзэх зорилготой.

Энэ текстийн мөрийг доогуур зураасаар буулгана.

Энэ текстийн мөрийг нарийн хэвлэмэл хэлбэрээр авч үзэх зорилготой.

Энэ мөрийг тод бичвэр болгон харуулсан.

Энэ мөрийг налуу бичээсээр буулгасан.

Блок ишлэлд агуулагдсан алдартай ишлэл.

Эх сурвалжийн гарчигт алдартай нэгэн
  • Энэ бол жагсаалт.
  • Энэ нь бүрэн загваргүй харагдаж байна.
  • Бүтцийн хувьд энэ нь жагсаалт хэвээр байна.
  • Гэхдээ энэ хэв маяг нь зөвхөн шууд хүүхдийн элементүүдэд хамаарна.
  • Оруулсан жагсаалтууд:
    • энэ хэв маягийн нөлөөнд автдаггүй
    • сум харуулах болно
    • мөн тохирох зүүн захын зайтай байна
  • Энэ нь зарим тохиолдолд хэрэг болж магадгүй юм.
  • Энэ бол жагсаалтын зүйл юм.
  • Бас өөр нэг.
  • Гэхдээ тэдгээрийг шугаман дээр харуулдаг.

Зураг

Баримт бичиг
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 Шувуу Ларри @twitter
# Эхлээд Сүүлийн Бариул
1 Марк Отто @mdo
2 Жейкоб Торнтон @ тарган
3 Шувуу Ларри @twitter
Анги Гарчиг Гарчиг
Өгөгдмөл Эс Эс
Үндсэн Эс Эс
Хоёрдогч Эс Эс
Амжилт Эс Эс
аюул Эс Эс
Анхааруулга Эс Эс
Мэдээлэл Эс Эс
Гэрэл Эс Эс
Харанхуй Эс Эс
# Эхлээд Сүүлийн Бариул
1 Марк Отто @mdo
2 Жейкоб Торнтон @ тарган
3 Шувуу Ларри @twitter

Маягтууд

Тойм

Баримт бичиг
Бид таны имэйлийг хэн нэгэнтэй хэзээ ч хуваалцахгүй.
Радио товчлуурууд

Идэвхгүй маягтууд

Баримт бичиг
Радио товчлууруудыг идэвхгүй болгосон

Хэмжээ тогтоох

Баримт бичиг

Оролтын бүлэг

Баримт бичиг
@
@example.com
https://example.com/users/
доллар .00
Текст талбайтай

Баталгаажуулалт

Баримт бичиг
Сайхан харагдаж байна!
Сайхан харагдаж байна!
@
Хэрэглэгчийн нэр сонгоно уу.
Хүчинтэй хот оруулна уу.
Хүчинтэй мужийг сонгоно уу.
Хүчинтэй зип оруулна уу.
Та илгээхээсээ өмнө зөвшөөрөх ёстой.

Бүрэлдэхүүн хэсгүүд

Баян хуур

Баримт бичиг

Энэ бол анхны зүйлийн баян хуурын бие юм. Энэ нь өгөгдмөл байдлаар нуугдмал бөгөөд задрах залгаас нь элемент бүрийг загварчлахад бидний ашигладаг зохих ангиудыг нэмэх хүртэл байна. Эдгээр ангиуд нь ерөнхий дүр төрх, мөн CSS шилжилтээр дамжуулан харуулах, нуух зэргийг хянадаг. Та эдгээрийн аль нэгийг тусгай CSS ашиглан өөрчлөх эсвэл манай өгөгдмөл хувьсагчдыг хүчингүй болгож болно. .accordion-bodyШилжилт нь халихыг хязгаарладаг ч бараг ямар ч HTML дотор орж болно гэдгийг тэмдэглэх нь зүйтэй .

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.

Энэ бол гурав дахь зүйлийн баян хуурын бие юм. Энэ нь өгөгдмөл байдлаар нуугдмал бөгөөд задрах залгаас нь элемент бүрийг загварчлахад бидний ашигладаг зохих ангиудыг нэмэх хүртэл байна. Эдгээр ангиуд нь ерөнхий дүр төрх, мөн CSS шилжилтээр дамжуулан харуулах, нуух зэргийг хянадаг. Та эдгээрийн аль нэгийг тусгай CSS ашиглан өөрчлөх эсвэл манай өгөгдмөл хувьсагчдыг хүчингүй болгож болно. .accordion-bodyШилжилт нь халихыг хязгаарладаг ч бараг ямар ч HTML дотор орж болно гэдгийг тэмдэглэх нь зүйтэй .

Анхааруулга

Баримт бичиг

Тэмдэг

Баримт бичиг

Жишээ гарчигШинэ

Жишээ гарчигШинэ

Жишээ гарчигШинэ

Жишээ гарчигШинэ

Жишээ гарчигШинэ

Жишээ гарчигШинэ

Жишээ гарчигШинэ

Жишээ гарчигШинэ

Үндсэн Хоёрдогч Амжилт аюул Анхааруулга Мэдээлэл Гэрэл Харанхуй

Товчлуурууд

Баримт бичиг

Карт

Баримт бичиг
Placeholder Image cap
Картын гарчиг

Картын гарчиг дээр бүтээж, картын агуулгын дийлэнх хэсгийг бүрдүүлэх зарим хурдан жишээ текст.

Хаа нэг тийшээ яв
Онцолсон
Картын гарчиг

Картын гарчиг дээр бүтээж, картын агуулгын дийлэнх хэсгийг бүрдүүлэх зарим хурдан жишээ текст.

Хаа нэг тийшээ яв
2 өдрийн өмнө
Картын гарчиг

Картын гарчиг дээр бүтээж, картын агуулгын дийлэнх хэсгийг бүрдүүлэх зарим хурдан жишээ текст.

  • Зүйл
  • Хоёрдахь зүйл
  • Гурав дахь зүйл
Картын холбоос Өөр холбоос
Placeholder Image
Картын гарчиг

Энэ бол нэмэлт контент руу ороход туслах доорх текст бүхий илүү өргөн карт юм. Энэ агуулга нь арай урт байна.

Хамгийн сүүлд 3 минутын өмнө шинэчлэгдсэн

Жагсаалтын бүлэг

Баримт бичиг
  • Тахир дутуу болсон зүйл
  • Хоёрдахь зүйл
  • Гурав дахь зүйл
  • Дөрөв дэх зүйл
  • Мөн тав дахь нь
  • Зүйл
  • Хоёрдахь зүйл
  • Гурав дахь зүйл
  • Дөрөв дэх зүйл
  • Мөн тав дахь нь
Энгийн өгөгдмөл жагсаалтын бүлгийн зүйл Энгийн үндсэн жагсаалтын бүлгийн зүйл Энгийн хоёрдогч жагсаалтын бүлгийн зүйл Амжилтын жагсаалтын энгийн бүлгийн зүйл Аюулын жагсаалтын энгийн бүлэг зүйл Энгийн анхааруулах жагсаалтын бүлгийн зүйл Энгийн мэдээллийн жагсаалтын бүлгийн зүйл Энгийн хөнгөн жагсаалтын бүлгийн зүйл Харанхуй жагсаалтын энгийн бүлгийн зүйл

Поповерууд

Баримт бичиг

Scrollspy

Баримт бичиг

Эхний гарчиг

Энэ бол scrollspy хуудасны зарим орлуулагч контент юм. Хуудсыг доош гүйлгэх үед тохирох навигацийн холбоос тодорч байгааг анхаарна уу. Энэ нь бүрэлдэхүүн хэсгийн жишээн дээр давтагдсан. Бид энд гүйлгэх, тодруулахыг онцлон тэмдэглэхийн тулд өөр жишээ хуулбарыг нэмж оруулсаар байна.

Хоёр дахь гарчиг

Энэ бол scrollspy хуудасны зарим орлуулагч контент юм. Хуудсыг доош гүйлгэх үед тохирох навигацийн холбоос тодорч байгааг анхаарна уу. Энэ нь бүрэлдэхүүн хэсгийн жишээн дээр давтагдсан. Бид энд гүйлгэх, тодруулахыг онцлон тэмдэглэхийн тулд өөр жишээ хуулбарыг нэмж оруулсаар байна.

Гурав дахь гарчиг

Энэ бол scrollspy хуудасны зарим орлуулагч контент юм. Хуудсыг доош гүйлгэх үед тохирох навигацийн холбоос тодорч байгааг анхаарна уу. Энэ нь бүрэлдэхүүн хэсгийн жишээн дээр давтагдсан. Бид энд гүйлгэх, тодруулахыг онцлон тэмдэглэхийн тулд өөр жишээ хуулбарыг нэмж оруулсаар байна.

Дөрөв дэх гарчиг

Энэ бол scrollspy хуудасны зарим орлуулагч контент юм. Хуудсыг доош гүйлгэх үед тохирох навигацийн холбоос тодорч байгааг анхаарна уу. Энэ нь бүрэлдэхүүн хэсгийн жишээн дээр давтагдсан. Бид энд гүйлгэх, тодруулахыг онцлон тэмдэглэхийн тулд өөр жишээ хуулбарыг нэмж оруулсаар байна.

Тав дахь гарчиг

Энэ бол scrollspy хуудасны зарим орлуулагч контент юм. Хуудсыг доош гүйлгэх үед тохирох навигацийн холбоос тодорч байгааг анхаарна уу. Энэ нь бүрэлдэхүүн хэсгийн жишээн дээр давтагдсан. Бид энд гүйлгэх, тодруулахыг онцлон тэмдэглэхийн тулд өөр жишээ хуулбарыг нэмж оруулсаар байна.

Спиннерүүд

Баримт бичиг

Шарсан талх

Баримт бичиг

Зөвлөмж

Баримт бичиг