为什么引导 glyphicons 破坏元素？答案

【问题标题】：Why bootstraps glyphicons breaking the element?为什么引导 glyphicons 破坏元素？
【发布时间】：2013-10-01 00:16:21
【问题描述】：

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

  td
    span.glyphicon.glyphicon-chevron-up 
    span &nbsp;&nbsp;&nbsp;Search

和

button#toggle_unimportant_search_params class=["btn", "btn-primary"]
  span.glyphicon.glyphicon-list
  span &nbsp;&nbsp;&nbsp;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 &nbsp;&nbsp;&nbsp; 的变体看起来更好。但这不是我所知道的引导方式。引导方式是：

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

【问题讨论】：

【解决方案1】：

对这些元素使用苗条语法的正确形式是：

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

【讨论】：