html - 要素を壊すグリフィコンをブートストラップするのはなぜですか?

Question

私は2つの異なるバリアントを試しました:

  td
    span.glyphicon.glyphicon-chevron-up 
    span    Search

と

button#toggle_unimportant_search_params class=["btn", "btn-primary"]
  span.glyphicon.glyphicon-list
  span    Show all parameters

対

  td
    span.glyphicon.glyphicon-chevron-up Search

と

button#toggle_unimportant_search_params class=["btn", "btn-primary"]
  span.glyphicon.glyphicon-list Show all parameters

したがって、追加のバリアントのspan    方が見栄えが良いようです。しかし、これは私が知っているブートストラップの方法ではありません。ブートストラップの方法は次のようになります。

<button type="button" class="btn btn-default btn-lg">
  <span class="glyphicon glyphicon-star"></span> Star
</button>