Html 为什么引导会破坏元素？

我尝试了两种不同的变体：

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

及

vs

及

因此，带有附加

span

的变体看起来更好。但这不是我所知道的引导方式。引导方式是：

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

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

明星

对该元素使用slim语法的正确形式是：

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

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

及

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

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