ワンポイントに良さそうなラベルを作る

使うシーンが多そうです。

      Default
      Primary
      Success
      Warning
      Danger
      Info
      

お知らせ New

      
お知らせ New
      

divで書いても横並びになります。

bootstrap.css

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
      

inline指定ですね。

      
Default
      
Primary
      
Success
      
Warning
      
Danger
      
Info
      (｡-ω-)
      

      Default
      primary
      Success
      Warning
      Danger
      Info