Devdit
 

ใส่รูป icon ใน navbar Bootstrap ด้วยแท็ก img HTML

2.6K

ใส่รูป icon ใน navbar Bootstrap ด้วยแท็ก img HTML บทความนี้สอนเขียนโค้ดเพื่อใส่รูปภาพ หรือ icon ที่แท็ก nav หรือ navbar ของ Bootstrap Framework โดยใช้แท็ก img ของภาษา HTML สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง ใส่รูป icon ใน navbar Bootstrap ด้วยแท็ก img HTML

<nav class="navbar navbar-light bg-light">
  <a class="navbar-brand" href="#">
    <img style="position: relative; top:8px;" src="https://www.devdit.com/favicon-16x16.png" class="d-inline-block align-top">
    Devdit
  </a>
</nav>

คำอธิบาย

ใส่รูป icon ใน navbar Bootstrap ด้วยแท็ก img HTML จากตัวอย่างใส่แท็ก img ไว้ภายในแท็ก a class navbar-brand เพื่อใส่รูป icon หรือรูปภาพที่ต้องการ

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ