转载

导航栏中附加文本

导航栏中附加文本文字

如果需要在导航中包含文本字符串,请使用 class .navbar-text

一般通常配合 <p> 标签使用

 <p class="navbar-text">Signed in as Mark Otto</p>

导航栏中的文本

把文本包裹在 .navbar-text中时,为了有正确的行距和颜色。这通常与 <p> 标签一起使用,确保适当的前导和颜色。下面的实例演示了这点:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4.    <title>Bootstrap 实例 - 导航栏中的文本</title> 
  5.    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
  6.    <script src="/scripts/jquery.min.js"></script> 
  7.    <script src="/bootstrap/js/bootstrap.min.js"></script> 
  8. </head> 
  9. <body> 
  10.  
  11. <nav class="navbar navbar-default" role="navigation"> 
  12.    <div class="navbar-header"> 
  13.       <a class="navbar-brand" href="#">W3Cschool</a> 
  14.    </div> 
  15.    <div> 
  16.       <p class="navbar-text">Signed in as Thomas</p> 
  17.    </div> 
  18. </nav> 
  19.  
  20. </body> 
  21. </html> 
正文到此结束
Loading...