Twitter bootstrap span中带href的引导图标

我正试着这样做：

<a href=''><span class='glyphicon glyphicon-cog'></span></a>

<li class='list-group-item'>
   <div class='row'>
      <div class='col-md8'>
          <a href='./settings'><span class='glyphicon glyphicon-cog'></span></a>
      </div>
   </div>
</li>

<li class='list-group-item'>
   <div class='row'>
      <div class='col-md8'>
          <a href='./settings'><span class='glyphicon glyphicon-cog'></span></a>
      </div>
   </div>
</li>

这就是我得到的：

这就是我想要得到的：

我忘了一件事。如果我在外面用的话

<div class='col-md-1'>

那看起来很酷

@编辑

---

问题解决了。我只是忘了把所有的东西都放进去

<li class='list-group-item'>

<li class='list-group-item'>

代码应该如下所示：

<a href=''><span class='glyphicon glyphicon-cog'></span></a>

<li class='list-group-item'>
   <div class='row'>
      <div class='col-md8'>
          <a href='./settings'><span class='glyphicon glyphicon-cog'></span></a>
      </div>
   </div>
</li>

<li class='list-group-item'>
   <div class='row'>
      <div class='col-md8'>
          <a href='./settings'><span class='glyphicon glyphicon-cog'></span></a>
      </div>
   </div>
</li>

---

对不起，我有个问题。谢谢。

问题解决了。我只是忘了把所有的东西都放进去

<li class='list-group-item'>

<li class='list-group-item'>

代码应该如下所示：

<a href=''><span class='glyphicon glyphicon-cog'></span></a>

<li class='list-group-item'>
   <div class='row'>
      <div class='col-md8'>
          <a href='./settings'><span class='glyphicon glyphicon-cog'></span></a>
      </div>
   </div>
</li>

<li class='list-group-item'>
   <div class='row'>
      <div class='col-md8'>
          <a href='./settings'><span class='glyphicon glyphicon-cog'></span></a>
      </div>
   </div>
</li>

请不要在问题中编辑您的解决方案。如果你觉得这个问题将来会对其他人有帮助，请将你的解决方案作为答案发布（然后“接受”），否则你也可以删除它。谢谢你的解决方案。我不知道。你的解决方案也适用于我，只需添加注释，因为我需要将

标记包装在

父标记中