title: How does Twitter Bootstrap's icon <i ...> work?
body: <p>When placing an icon on a page, it seems that it somehow overrode the old, half-deprecated italics <code>&lt;i&gt;</code> tag to use as a special image tag. Either that or it makes me think <code>&lt;i ...&gt;</code> is a lazy interpretation of <code>&lt;img ...&gt;</code>. </p>
  
  <p>How does this work when all it requires is a stylesheet, and can I override other tags for my own uses like this?</p>