ตามเอกสารของ twitter bootstrap ฉันควรจะสามารถ "ตัดสตริงข้อความใน<p>แท็กเพื่อให้นำหน้าและสีที่เหมาะสม" เมื่อฉันทำสิ่งนี้ไม่ว่าจะอยู่ในระดับใดก็ตามnavbarจะไม่สืบทอดnavbarคลาสใด ๆ การรวมสตริงใน<a>แท็กจะแสดงผล แต่ไม่ควรเป็นจุดยึด
"Logged in as ... "สตริงฉันพยายามที่จะทำให้เป็น
คำตอบ:
คุณต้องรวมคลาสพร้อมกับpแท็กของคุณไว้ใน navbar ของคุณดังนี้:
<p class="navbar-text">Logged in as</p> <p class="nav navbar-text">เพื่อให้ได้รูปแบบที่ถูกต้อง
::selectionสีพื้นหลังและรีเซ็ตcursorคุณสมบัติเป็นค่าเริ่มต้นเมื่อวางเมาส์เหนือสิ่งcursor: default;นี้
นี้ได้รับการแก้ไขในปัญหา 2799
ฉันต้องเพิ่ม<span class="navbar-text">รูปแบบเพื่อให้ได้ระดับด้วยแท็กจุดยึด
คำตอบหรือความคิดเห็นเหล่านี้ไม่ได้ผลสำหรับฉัน (คำตอบล่าสุดคือ 6+ ปี) แต่สิ่งที่ได้ผลสำหรับฉันมีดังต่อไปนี้:
<span>แท็กไม่ใช่<p>"nav-item"ชั้นเรียนไว้ในองค์ประกอบรายการของฉันเองรหัสการทำงานสุดท้ายของฉันมีลักษณะดังนี้:
<li class="nav-item"><span class="navbar-text"><h5>{{first_name}}</h5></span></li>ใช้คำของฉันแทน แต่คำว่า "Sally" ด้านล่างจะไม่เปลี่ยนเป็นไฮเปอร์ลิงก์เมื่อวางเมาส์เหนือ
