导航栏中附加文本

W3CSchool > bootstrap3中文手册 > Bootstrap 导航条 > 导航栏中附加文本

如果需要在导航中包含文本字符串,请使用 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> 

没有找到答案?搜索一下吧!

学习导航


Bootstrap3中文开发手册参考网站
w3c.3306.biz 提供的内容仅用于学习或测试。所有内容均整理自互联网!目的是为了让更多读者欣赏,我们不保证内容的正确性,并对任何法律问题及风险不承担任何责任。 当您在浏览本站时,代表您已接受了本站的使用条款和隐私条款。(删除内容:512876994#qq.com)