ใส่สี navbar Bootstrap ด้วย background-color และ !important

ใส่สี navbar Bootstrap ด้วย background-color และ !important บทความนี้สอนวิธีเปลี่ยนสี หรือใส่สีให้กับเมนู navbar ของ Bootstrap Framework ด้วย background-color กำหนด !important สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ใส่สี navbar Bootstrap ด้วย background-color และ !important

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

ใส่สี navbar Bootstrap จากตัวอย่างใช้คำสั่ง background-color ตามด้วยสีที่ต้องการ และกำหนด !important เพื่อให้โหลดสีนี้แทนสีเดิมของ Bootstrap โดยกำหนดคำสั่งทั้งหมดไว้ใน attribute style ของแท็ก nav