ในบทความก่อนหน้านี้ฉันแนะนำบันทึกการศึกษา bootstrap3 (1) และบันทึกการศึกษา Bootstrap3 ของระบบกริด (2) และเค้าโครงของบันทึกการศึกษา bootstrap3 (2) ในระบบกริด
เพียงใช้คลาส. ตารางบนแท็กตารางเพื่อใช้สไตล์ตารางเริ่มต้นของ Bootstrap
หากพื้นหลังของเส้นจำเป็นต้องสลับคุณสามารถตั้งค่าได้เช่นนี้:
การคัดลอกรหัสมีดังนี้:
<table>
หากคุณต้องการเส้นขอบคุณสามารถตั้งค่าได้เช่นนี้:
การคัดลอกรหัสมีดังนี้:
<table>
หากคุณต้องการให้เมาส์ย้ายไปที่บรรทัดเนื้อหาเพื่อให้มีผลตอบสนองคุณสามารถตั้งค่าได้เช่นนี้:
การคัดลอกรหัสมีดังนี้:
<table>
หากคุณต้องการให้ตารางมีขนาดกะทัดรัดและประหยัดพื้นที่คุณสามารถตั้งค่าได้เช่นนี้ การเร่ขายของเซลล์จะถูกตัดเป็น 4px และช่องว่างเริ่มต้นคือ 8px:
การคัดลอกรหัสมีดังนี้:
<table>
คุณยังสามารถเพิ่มสไตล์เฉพาะในแถว:
<tr> <tr> <tr> <tr> <tr>
เพื่อที่จะแสดงอย่างสม่ำเสมอบนอุปกรณ์ที่แตกต่างกันคุณยังสามารถใช้การตั้งค่าที่ตอบสนองได้สำหรับตาราง ใช้ DIV เพื่อแก้ไขนอกตารางซึ่งจะปรับให้เข้ากับอุปกรณ์โดยอัตโนมัติน้อยกว่าหรือมากกว่า 768px:
การคัดลอกรหัสมีดังนี้:
<div>
Bootstrap รองรับองค์ประกอบของตาราง:
ข้างต้นเป็นความรู้ที่เกี่ยวข้องของแบบฟอร์มการศึกษา Bootstrap3 Notes (III) ที่แนะนำโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!