📜  布尔玛 |分页

📅  最后修改于: 2021-11-07 09:11:56             🧑  作者: Mango

Bulma是一个基于 FLexbox的开源 CSS 框架,并且完全免费。它组件丰富、兼容且文档齐全。它本质上是高度敏感的。它使用类来实现其设计。
“分页”是用于指示跨多个页面存在一系列相关内容的组件。分页用于启用网站页面之间的导航。分页组件包括几个其他组件,我们必须专门添加这些组件才能很好地设计我们的内容。下面列出了这些组件。

  • pagination-previous:用于导航到上一页。
  • pagination-next:用于导航到下一页。
  • pagination-list:用于显示网站的不同页面。
    • pagination-link:表示锚标签中的页码。
    • pagination-ellipsis:它在页码之间创建范围分隔符。

示例 1:此示例显示了简单的 Bulma 分页组件。



  

  Bulma Pagination
  
  
  
  

  

  
    
      
               
    
  
  

输出:

示例 2:此示例显示了大量页面的分页。



  

  Bulma Pagination
  
  
  
  

  

  
    
      
               
    
  
  

输出:

示例 3:此示例显示了具有不同对齐方式的分页。



  

  Bulma Pagination
  
  
  
  

  

  
    
      
                                       
    
  
  

输出:

示例 4:此示例显示不同大小的分页。



  

  Bulma Pagination
  
  
  
  

  

  
    
      
                                    
    
  
  

输出:

示例 5:此示例显示圆形分页功能。



  

  Bulma Pagination
  
  
  
  

  

  
    
      
               
    
  
  

输出: