Bootstrapสูตรลับ

สูตรโกง RTL

สารบัญ

วิชาการพิมพ์

เอกสาร

แสดงผล 1

ดิสเพลย์2

ดิสเพลย์3

ดิสเพลย์4

แสดงผล 5

ดิสเพลย์ 6

หัวเรื่อง 1

หัวเรื่อง 2

หัวเรื่อง 3

หัวเรื่อง 4

หัวเรื่อง 5

หัวเรื่อง 6

นี่คือย่อหน้านำ มันโดดเด่นจากย่อหน้าปกติ

คุณสามารถใช้แท็กเครื่องหมายเพื่อไฮไลท์ข้อความ.

ข้อความบรรทัดนี้มีขึ้นเพื่อเป็นข้อความที่ถูกลบ

ข้อความบรรทัดนี้มีไว้เพื่อให้ถือว่าไม่ถูกต้องอีกต่อไป

ข้อความบรรทัดนี้มีขึ้นเพื่อใช้เป็นส่วนเสริมของเอกสาร

ข้อความบรรทัดนี้จะแสดงผลเป็นขีดเส้นใต้

ข้อความบรรทัดนี้มีขึ้นเพื่อเป็นการพิมพ์ที่ดี

บรรทัดนี้แสดงเป็นข้อความตัวหนา

บรรทัดนี้แสดงเป็นข้อความตัวเอียง

ใบเสนอราคาที่รู้จักกันดี ซึ่งมีอยู่ในองค์ประกอบ blockquote

คนที่มีชื่อเสียงใน Source Title
  • นี่คือรายการ
  • ดูเหมือนไม่มีสไตล์อย่างสมบูรณ์
  • โครงสร้างก็ยังคงเป็นรายการ
  • อย่างไรก็ตาม สไตล์นี้ใช้กับองค์ประกอบย่อยในทันทีเท่านั้น
  • รายการที่ซ้อนกัน:
    • ไม่ได้รับผลกระทบจากรูปแบบนี้
    • จะยังคงแสดงสัญลักษณ์แสดงหัวข้อย่อย
    • และมีระยะขอบซ้ายที่เหมาะสม
  • สิ่งนี้อาจยังมีประโยชน์ในบางสถานการณ์
  • นี่คือรายการ
  • และอีกอย่างหนึ่ง
  • แต่จะแสดงแบบอินไลน์

รูปภาพ

เอกสาร
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 ลาร์รีเดอะเบิร์ด @ทวิตเตอร์
# อันดับแรก ล่าสุด รับมือ
1 เครื่องหมาย อ็อตโต @mdo
2 เจคอบ ธอร์นตัน @อ้วน
3 ลาร์รีเดอะเบิร์ด @ทวิตเตอร์
ระดับ หัวเรื่อง หัวเรื่อง
ค่าเริ่มต้น เซลล์ เซลล์
หลัก เซลล์ เซลล์
รอง เซลล์ เซลล์
ความสำเร็จ เซลล์ เซลล์
อันตราย เซลล์ เซลล์
คำเตือน เซลล์ เซลล์
ข้อมูล เซลล์ เซลล์
แสงสว่าง เซลล์ เซลล์
มืด เซลล์ เซลล์
# อันดับแรก ล่าสุด รับมือ
1 เครื่องหมาย อ็อตโต @mdo
2 เจคอบ ธอร์นตัน @อ้วน
3 ลาร์รีเดอะเบิร์ด @ทวิตเตอร์

ตัวเลข

เอกสาร
Placeholder 400x300
คำบรรยายภาพด้านบน

แบบฟอร์ม

ภาพรวม

เอกสาร
เราจะไม่เปิดเผยอีเมลของคุณกับคนอื่น
ปุ่มวิทยุ

แบบฟอร์มคนพิการ

เอกสาร
ปุ่มวิทยุที่ปิดใช้งาน

ขนาด

เอกสาร

กลุ่มอินพุต

เอกสาร
@
@example.com
https://example.com/users/
$ .00
ด้วย textarea

ป้ายลอย

เอกสาร

การตรวจสอบความถูกต้อง

เอกสาร
ดูดี!
ดูดี!
@
โปรดเลือกชื่อผู้ใช้
โปรดระบุเมืองที่ถูกต้อง
โปรดเลือกสถานะที่ถูกต้อง
โปรดระบุรหัสไปรษณีย์ที่ถูกต้อง
คุณต้องตกลงก่อนส่ง

ส่วนประกอบ

หีบเพลง

เอกสาร

นี่คือหีบเพลงของรายการแรก มันถูกซ่อนไว้โดยค่าเริ่มต้น จนกว่าปลั๊กอินการยุบจะเพิ่มคลาสที่เหมาะสมที่เราใช้เพื่อจัดรูปแบบแต่ละองค์ประกอบ คลาสเหล่านี้ควบคุมลักษณะที่ปรากฏโดยรวม ตลอดจนการแสดงและการซ่อนผ่านการเปลี่ยน CSS คุณสามารถแก้ไขสิ่งนี้ด้วย CSS ที่กำหนดเองหรือแทนที่ตัวแปรเริ่มต้นของเรา นอกจากนี้ ยังควรสังเกตด้วยว่าแทบทุก HTML สามารถอยู่ภายใน .accordion-bodyแม้ว่าการเปลี่ยนแปลงจะจำกัดโอเวอร์โฟลว์

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 ที่กำหนดเองหรือแทนที่ตัวแปรเริ่มต้นของเรา นอกจากนี้ ยังควรสังเกตด้วยว่าแทบทุก HTML สามารถอยู่ภายใน .accordion-bodyแม้ว่าการเปลี่ยนแปลงจะจำกัดโอเวอร์โฟลว์

การแจ้งเตือน

เอกสาร

ป้าย

เอกสาร

ตัวอย่างหัวเรื่องใหม่

ตัวอย่างหัวเรื่องใหม่

ตัวอย่างหัวเรื่องใหม่

ตัวอย่างหัวเรื่องใหม่

ตัวอย่างหัวเรื่องใหม่

ตัวอย่างหัวเรื่องใหม่

ตัวอย่างหัวเรื่องใหม่

ตัวอย่างหัวเรื่องใหม่

หลัก รอง ความสำเร็จ อันตราย คำเตือน ข้อมูล แสงสว่าง มืด

ปุ่ม

เอกสาร

การ์ด

เอกสาร
Placeholder Image cap
ชื่อการ์ด

ตัวอย่างข้อความสั้นๆ เพื่อสร้างจากชื่อการ์ดและประกอบขึ้นเป็นเนื้อหาในการ์ดจำนวนมาก

ไปที่ไหนสักแห่ง
จุดเด่น
ชื่อการ์ด

ตัวอย่างข้อความสั้นๆ เพื่อสร้างจากชื่อการ์ดและประกอบขึ้นเป็นเนื้อหาในการ์ดจำนวนมาก

ไปที่ไหนสักแห่ง
ชื่อการ์ด

ตัวอย่างข้อความสั้นๆ เพื่อสร้างจากชื่อการ์ดและประกอบขึ้นเป็นเนื้อหาในการ์ดจำนวนมาก

  • รายการ
  • รายการที่สอง
  • รายการที่สาม
Placeholder Image
ชื่อการ์ด

นี่คือการ์ดที่กว้างขึ้นพร้อมข้อความสนับสนุนด้านล่างเพื่อนำไปสู่เนื้อหาเพิ่มเติมโดยธรรมชาติ เนื้อหานี้ยาวไปหน่อย

อัพเดทล่าสุดเมื่อ 3 นาทีที่แล้ว

รายการกลุ่ม

เอกสาร
  • รายการคนพิการ
  • รายการที่สอง
  • รายการที่สาม
  • รายการที่สี่
  • และตัวที่ห้า
  • รายการ
  • รายการที่สอง
  • รายการที่สาม
  • รายการที่สี่
  • และตัวที่ห้า

ป๊อปโอเวอร์

เอกสาร

Scrollspy

เอกสาร

หัวเรื่องแรก

นี่คือเนื้อหาตัวยึดตำแหน่งบางส่วนสำหรับหน้า scrollspy โปรดทราบว่าเมื่อคุณเลื่อนหน้าลง ลิงก์การนำทางที่เหมาะสมจะถูกเน้น มีการทำซ้ำตลอดตัวอย่างส่วนประกอบ เรายังคงเพิ่มสำเนาตัวอย่างเพิ่มเติมที่นี่เพื่อเน้นการเลื่อนและการเน้น

หัวเรื่องที่สอง

นี่คือเนื้อหาตัวยึดตำแหน่งบางส่วนสำหรับหน้า scrollspy โปรดทราบว่าเมื่อคุณเลื่อนหน้าลง ลิงก์การนำทางที่เหมาะสมจะถูกเน้น มีการทำซ้ำตลอดตัวอย่างส่วนประกอบ เรายังคงเพิ่มสำเนาตัวอย่างเพิ่มเติมที่นี่เพื่อเน้นการเลื่อนและการเน้น

หัวเรื่องที่สาม

นี่คือเนื้อหาตัวยึดตำแหน่งบางส่วนสำหรับหน้า scrollspy โปรดทราบว่าเมื่อคุณเลื่อนหน้าลง ลิงก์การนำทางที่เหมาะสมจะถูกเน้น มีการทำซ้ำตลอดตัวอย่างส่วนประกอบ เรายังคงเพิ่มสำเนาตัวอย่างเพิ่มเติมที่นี่เพื่อเน้นการเลื่อนและการเน้น

หัวข้อที่สี่

นี่คือเนื้อหาตัวยึดตำแหน่งบางส่วนสำหรับหน้า scrollspy โปรดทราบว่าเมื่อคุณเลื่อนหน้าลง ลิงก์การนำทางที่เหมาะสมจะถูกเน้น มีการทำซ้ำตลอดตัวอย่างส่วนประกอบ เรายังคงเพิ่มสำเนาตัวอย่างเพิ่มเติมที่นี่เพื่อเน้นการเลื่อนและการเน้น

หัวข้อที่ห้า

นี่คือเนื้อหาตัวยึดตำแหน่งบางส่วนสำหรับหน้า scrollspy โปรดทราบว่าเมื่อคุณเลื่อนหน้าลง ลิงก์การนำทางที่เหมาะสมจะถูกเน้น มีการทำซ้ำตลอดตัวอย่างส่วนประกอบ เรายังคงเพิ่มสำเนาตัวอย่างเพิ่มเติมที่นี่เพื่อเน้นการเลื่อนและการเน้น

สปินเนอร์

เอกสาร
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...
กำลังโหลด...

ขนมปังปิ้ง

เอกสาร

เคล็ดลับเครื่องมือ

เอกสาร