ในบทความก่อนหน้านี้ฉันแนะนำระบบกริดของบันทึกการศึกษา bootstrap3 (1)
สำหรับชื่อเรื่อง Bootstrap ได้ปรับเปลี่ยนรูปแบบของ H1-H6 หากคุณต้องการคำบรรยายคุณสามารถใช้แท็กขนาดเล็กได้
<H1> H1 Bootstrap Heading <small> ข้อความรอง </small> </h1> <h2> H2 Bootstrap Heading <small> ข้อความรอง </small> </h2> <h3> H3 Bootstrap Heading <small> ข้อความรอง </small> </h3> <h4> H4 Bootstrap Heading <small> ข้อความรอง </small> </h4> <h5> H5 หัวเรื่อง Bootstrap <small> ข้อความรอง </small> </h5> <h6>
หากมี H1 ในหน้าเว็บที่ต้องไม่ซ้ำกันคุณสามารถรวมไว้ในรูปแบบ Div เป็น "หน้าหน้า"
<div> <h1> twitter bootstrap <small> กรอบการทำงานด้านหน้าที่ใช้งานง่าย </small> </h1> </div>
Bootstrap ขนาดตัวอักษรเริ่มต้นคือ 14px ความสูงของเส้นคือ 1.428 ระยะห่างของวรรคคือ 10px หากย่อหน้าต้องสะดุดตามากขึ้นมีคลาส 'ตะกั่ว'
การใช้คลาส text-* คลาสคุณสามารถตั้งค่าการจัดตำแหน่งแนวนอนของข้อความได้อย่างง่ายดาย
<p> ข้อความที่ได้รับการจัดตำแหน่งด้านซ้าย </p> <p> ข้อความจัดตำแหน่งตรงกลาง </p> <p> ข้อความที่จัดตำแหน่งขวา </p> <p> ข้อความที่ถูกต้อง </p> <p> ไม่มีข้อความห่อ </p>
แท็กรูปแบบข้อความใน html สามารถใช้ใน bootstrap
<p> <b> นี่คือข้อความตัวหนา </b> </p> <p> <big> นี่คือข้อความขนาดใหญ่ </gig> </p> <p> <code> นี่คือรหัสคอมพิวเตอร์ </code> </p> <p> <em> นี่คือข้อความที่เน้น </em> </p> <p> <p> <i> ข้อความ </kar> </p> <p> <small> นี่คือข้อความขนาดเล็ก </small> </p> <p> <strong> นี่คือข้อความที่เน้นอย่างมาก </strong> </p> <p> นี่คือ <ub> ตัวห้อย </sub> และ <sup> superscript </sup> </p> <p> <p> เอกสาร </el> </p>
คลาสการแปลงรูปแบบตัวอักษรสามารถทำการแปลงที่จำเป็นได้ดี:
<p> สุนัขจิ้งจอกสีน้ำตาลเร็วกระโดดข้ามสุนัขขี้เกียจ </p> <p> สุนัขจิ้งจอกสีน้ำตาลเร็วกระโดดข้ามสุนัขขี้เกียจ </p> <p> สุนัขจิ้งจอกสีน้ำตาลเร็วกระโดดข้ามสุนัขขี้เกียจ </p>
สีเป็นวิธีที่ทรงพลังในการถ่ายทอดความสำคัญของเนื้อหาและ Bootstrap ให้ชั้นเรียนที่เน้นข้อความที่สะดวก:
<p> ปิดเสียง: ข้อความนี้เป็นสีเทา </p> <p> สำคัญ: โปรดอ่านคำแนะนำอย่างระมัดระวังก่อนดำเนินการ </p> <p> ความสำเร็จ: ข้อความของคุณถูกส่งเรียบร้อยแล้ว </p> <p> หมายเหตุ: คุณต้องเห็นด้วยกับข้อกำหนดและเงื่อนไขในการลงทะเบียน
การอ้างอิงได้รับการแก้ไขเช่นกัน:
<blockquote> <p> โลกเป็นสถานที่ที่อันตรายสำหรับการอยู่อาศัย ไม่ใช่เพราะคนที่ชั่วร้าย แต่เป็นเพราะคนที่ไม่ทำอะไรเลย </p> <small> โดย <cite> Albert Einstein </cite> </small> </blockquote>
ชั้นเรียนมีไว้สำหรับการอ้างอิงที่เหมาะสม
ข้างต้นเป็นความรู้ที่เกี่ยวข้องเกี่ยวกับเลย์เอาต์ของบันทึกการศึกษา bootstrap3 (ii) แนะนำให้คุณรู้จักโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!