twitter-bootstrap 带有 href 的跨度 Bootstrap 字形

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/21961469/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 20:07:50  来源:igfitidea点击:

Bootstrap glyphicon in span with href

twitter-bootstraphyperlinkhref

提问by Pawe? Zarzecki

I'm trying to do something like that:

我正在尝试做这样的事情:

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

That's what I'm getting: http://screenshu.com/static/uploads/temporary/fb/13/x6/vqmhk3.jpg

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

And that's what I want to get: http://screenshu.com/static/uploads/temporary/p2/fm/al/3o8yvo.jpg

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

I forgot about something. If I use it outside

我忘记了一些事情。如果我在外面使用它

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

then that's looking cool.

那看起来很酷。

@edit

@编辑

Problem solved. I just forgot to put it all into

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

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

The code should look like that:

代码应该是这样的:

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

Sorry for question. Thanks.

抱歉提问。谢谢。

回答by Pawe? Zarzecki

Problem solved. I just forgot to put it all into

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

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

The code should look like that:

代码应该是这样的:

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