Bootstrap's การตั้งค่าเริ่มต้น
Bootstrap's การเริ่มต้นทั่วโลก font-size เป็น 14px กับ line-height ของ 1.428
นี้จะนำไปใช้กับ <body> และทุกย่อหน้า
นอกจากนี้ทุก <p> องค์ประกอบที่มีขอบด้านล่างที่เท่ากับครึ่งหนึ่งของพวกเขาคำนวณ line-height (10px ค่าเริ่มต้น)
วิชาการพิมพ์
องค์ประกอบด้านล่างนี้มีองค์ประกอบ HTML ที่จะได้รับการเรียกขานแตกต่างกันเล็กน้อยโดยเงินทุนกว่าค่าเริ่มต้นของเบราว์เซอร์ ดูที่ "ลอง" ตัวอย่างที่จะเห็นผล / ความแตกต่าง
เรียนด้านล่างจะใช้ในการจัดรูปแบบองค์ประกอบต่อไป
| องค์ประกอบ / ห้องเรียน | ลักษณะ | ตัวอย่าง |
|---|---|---|
| <h1> - <h6> or .h1 - .h6 | H1 - h6 หัว | ลองมัน |
| <small> | สร้างน้ำหนักเบาข้อความมัธยมศึกษาในหัวข้อใด ๆ มุ่งหน้า (ข้อความมัธยม) | ลองมัน |
| .small | แสดงให้เห็นข้อความที่มีขนาดเล็ก (ตั้งค่าเป็น 85% ของขนาดของแม่): ข้อความที่มีขนาดเล็ก | ลองมัน |
| .lead | ทำให้ข้อความขาออก: ขาออกข้อความ | ลองมัน |
| <mark> or .mark | ไฮไลท์ข้อความ: ข้อความที่เน้น | ลองมัน |
| <del> | แสดงให้เห็นข้อความที่ถูกลบ: | ลองมัน |
| <s> | แสดงให้เห็นข้อความที่ไม่เกี่ยวข้อง: | ลองมัน |
| <ins> | แสดงให้เห็นข้อความแทรก: ข้อความแทรก | ลองมัน |
| <u> | บ่งบอกถึงขีดเส้นใต้ข้อความ: ขีดเส้นใต้ข้อความ | ลองมัน |
| <strong> | บ่งชี้ว่าข้อความเป็นตัวหนา: ตัวหนา | ลองมัน |
| <em> | บ่งบอกตัวเอียง: ตัวเอียง | ลองมัน |
| .text-left | แสดงให้เห็นข้อความจัดชิดซ้าย | ลองมัน |
| .text-center | แสดงให้เห็นข้อความกึ่งกลางชิด | ลองมัน |
| .text-right | แสดงให้เห็นข้อความชิดขอบขวา | ลองมัน |
| .text-justify | แสดงให้เห็นข้อความที่เป็นธรรม | ลองมัน |
| .text-nowrap | แสดงให้เห็นข้อความห่อไม่มี | ลองมัน |
| .text-lowercase | แสดงให้เห็นข้อความ lowercased: ข้อความที่ lowercased | ลองมัน |
| .text-uppercase | แสดงให้เห็นข้อความ uppercased: ข้อความ uppercased | ลองมัน |
| .text-capitalize | แสดงให้เห็นข้อความทุน: ข้อความตัวพิมพ์ใหญ่ | ลองมัน |
| <abbr> | <abbr> องค์ประกอบที่บ่งชี้ว่าย่อ ตัวย่อที่มีชื่อแอตทริบิวต์มีขอบด้านล่างและประเคอร์เซอร์ช่วยเหลือเกี่ยวกับการเลื่อนการให้คำอธิบายเพิ่มเติมโฉบ | ลองมัน |
| .initialism | แสดงข้อความภายใน <abbr> องค์ประกอบในขนาดตัวอักษรขนาดเล็กกว่าเล็กน้อย | ลองมัน |
| <address> | นำเสนอข้อมูลการติดต่อ | ลองมัน |
| <blockquote> | บ่งชี้บล็อคของเนื้อหาจากแหล่งอื่น | ลองมัน |
| .blockquote-reverse | บ่งชี้ blockquote ที่มีเนื้อหาขวาจัดชิด | ลองมัน |
| <ul> | บ่งชี้รายการเรียงลำดับ | ลองมัน |
| <ol> | บ่งชี้ว่ารายการสั่งซื้อ | ลองมัน |
| .list-unstyled | เอารูปแบบรายการค่าเริ่มต้นและขอบด้านซ้ายในรายการ (ทำงานได้ทั้งบน <ul> และ <ol> ) ชั้นนี้จะใช้กับเด็กทันทีรายการรายการ (ที่จะเอารูปแบบรายการเริ่มต้นจากรายการที่ซ้อนกันใด ๆ ที่ใช้ชั้นนี้ไปยังรายการที่ซ้อนกันใด ๆ เช่นกัน) | ลองมัน |
| .list-inline | สถานที่ทุกรายการในบรรทัดเดียว | ลองมัน |
| <dl> | บ่งชี้ว่ารายการคำอธิบาย | ลองมัน |
| .dl-horizontal | เส้นขึ้นไปเงื่อนไขและรายละเอียดใน <dl> องค์ประกอบด้านข้าง เริ่มออกเหมือนเริ่มต้น <dl>s แต่เมื่อหน้าต่างเบราว์เซอร์ขยายก็จะเริ่มขึ้นด้านข้าง | ลองมัน |
รหัส
| องค์ประกอบ / ห้องเรียน | ลักษณะ | ตัวอย่าง |
|---|---|---|
| <var> | บ่งชี้ตัวแปร x = a b + y | ลองมัน |
| <kbd> | บ่งบอกถึงการป้อนข้อมูลที่มักจะถูกป้อนผ่านทางแป้นพิมพ์: CTRL + P | ลองมัน |
| <pre> | บ่งชี้หลายบรรทัดของรหัส | ลองมัน |
| <pre class="pre-scrollable"> | บ่งชี้หลายบรรทัดของรหัสที่มีแถบเลื่อน | ลองมัน |
| <samp> | บ่งชี้ว่าการส่งออกตัวอย่างจากโปรแกรมคอมพิวเตอร์: การแสดงผลตัวอย่าง | ลองมัน |
| <code> | แสดงให้เห็นตัวอย่างแบบอินไลน์ของรหัส: span , div | ลองมัน |