Bootstrap_不常用组件

1、分页

• 示例

 
  
 
    
«
    
1
 
    
2
 
    
3
 
    
4
 
    
5
 
    
»

• 效果图

  
  
  

2、翻页

• (1)、居中对齐(默认)
• 示例

  

    
Previous
    
Next
  

• 效果图

  
  
  

• (2)、两端对齐

• 示例

  

    
← Older
    
Newer →
  

• 效果图

  
  
  

3、徽章

• 释义：给链接、导航等元素嵌套 元素，可以很醒目的展示新的或未读的信息条目
• 示例

Messages
   4

• 效果图

  
  
  
• Note
  如果没有新的或未读的信息条目，也就是说不包含任何内容，徽章组件能够自动隐藏*（通过CSS的 :empty 选择符实现) *

4、页头

• 释义：页头组件能够为h1标签增加适当的空间
• 示例

   
Example page header Subtext for header

• 效果图

  
  
  

5、缩略图

• 示例

    

      
          
      
    
  ...

• 效果图

  
  
  
• Note
  可以给图片设置固定大小，图片大小不同，样式排版会乱

6、面版

• 释义：默认的 .panel组件所做的只是设置基本的边框（border）和内补（padding）来包含内容

• 示例

    
Panel heading
　　//为面板加入一个标题容器
    

        
Panel content
    
    
Panel footer
　

• 效果图

  
  
  
• Note
• 也可以通过添加设置了 .panel-title 类的

  -

  标签，添加一个预定义样式的标题

• 把按钮或次要的文本放入 .panel-footer 容器内（注意面版的脚注不会从情境效果中继承颜色，因为他们并不是主要内容）