📌  相关文章
📜  引导带|徽章和面包屑

📅  最后修改于: 2021-05-25 16:53:47             🧑  作者: Mango

徽章

徽章是与链接相关联的数字，用于指示与链接相关联的项目数。登录到特定网站时看到的通知编号，通过单击它可以告诉您要查看的新闻或通知的编号。
例子： 


   

badge example










    UPDATES 4 

    NOTIFICATIONS 10 

    MESSAGES 4

输出：
巴德斯

上下文变化：徽章可以用作链接或按钮的一部分，以提供一个计数器。根据徽章的使用方式，徽章必须使用户感到困惑，为此，使用了不同的颜色变化，以免使用户感到困惑。
例子： 


   

badge example

  
  
  
  
  





    


    


    


    

输出：
徽章

药丸徽章：使用class =“ badge-pill”的徽章可使拐角更加圆角。
例子： 


   

badge example

  
  
  
  
  





    


    


    


    

输出：
徽章

徽章作为链接：徽章也可以用作直接链接到新页面。
例子： 


   

badge example

  
  
  
  
  





    


    


    


    

输出：
徽章链接

面包屑

它用于通过导航层次结构指示当前页面位置。它使用CSS自动添加分隔符。它提供了指向用户浏览的每个先前页面的反向链接。
范例1： 


  

badge example








    

输出：
面包屑

范例2： 


  

badge example








    

输出：
面包屑

范例3： 


  

badge example








    

输出：
面包屑