与href的跨度中的Bootstrap glyphicon

时间:2014-02-22 22:28:32

标签: twitter-bootstrap hyperlink href

我正在尝试做类似的事情:

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

这就是我得到的:http://screenshu.com/static/uploads/temporary/fb/13/x6/vqmhk3.jpg

这就是我想得到的: http://screenshu.com/static/uploads/temporary/p2/fm/al/3o8yvo.jpg

我忘记了什么。如果我在外面使用它

<div class='col-md-1'>
那时候看起来很酷。

@edit

问题解决了。我只是忘了把它全部放进去

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

代码看起来应该是这样的:

<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>

抱歉问题。感谢。

1 个答案:

答案 0 :(得分:7)

问题解决了。我只是忘了把它全部放进去

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

代码看起来应该是这样的:

<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>