标签

Example heading New

样式一样可以改变

如果标签数量很多怎么办？

如果你有大量的设置为 inline 属性的标签全部放在一个较窄的容器元素内，在页面上展示这些标签就会出现问题，每个标签就会有自己的一个 inline-block 元素（就像图标一样）。解决的办法是为每个标签都设置为display: inline-block; 属性。

徽章

Inbox 42


  Messages 4

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

 Bootstrap 提供了内置的样式，让胶囊式导航内处于激活状态的元素所包含的徽章展示相匹配的样式。

  
Home 42
  
Profile
  
Messages 3

巨幕

  
Hello, world!
  
...
  
Learn more

如果需要让巨幕组件的宽度与浏览器宽度一致并且没有圆角，不要在.jumbotron外面放container，在里面可以。

页头组件能够为 h1 标签增加适当的空间，并且与页面的其他部分形成一定的分隔。它支持 h1 标签内内嵌 small 元素的默认效果，还支持大部分其他组件（需要增加一些额外的样式）。

  
Example page header Subtext for header

缩略图

  

    
      
    
  
  ...

自定义内容

  

    

      
      

        
Thumbnail label
        
...
        
Button Button
      
    
  

媒体对象可以自定义内容

label