Wrap ข้อความใน Bootstrap Navbar ด้วย navbar-text

เพื่อ wrap สตริงข้อความใน element ให้ใช้คลาส .navbar-text

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อตั้งค่าข้อความใน Bootstrap Navbar:

<!DOCTYPE html> <html> 
  <head> 
    <title>Bootstrap Example</title> 
    <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> 
    <script src = "/scripts/jquery.min.js"></script> 
    <script src = "/bootstrap/js/bootstrap.min.js"></script> 
  </head> 
  <body> 
    <nav class = "navbar navbar-default" role = "navigation"> 
      <div class = "navbar-header"> 
        <a class = "navbar-brand" href = "#">Demo</a> 
      </div> 
      <div> 
        <p class = "navbar-text">Copyright © 2018</p> 
      </div> 
    </nav> 
  </body> 
</html>