Html col-md-2最后一列不在同一行上

Html col-md-2最后一列不在同一行上,html,css,twitter-bootstrap,twitter-bootstrap-3,grid-layout,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,Grid Layout,我在一行上放置了6个图标,并希望将它们变成链接(最终会变成情态动词) 这是我的代码,用于在将它们转换为链接之前将它们放到线上: <div class="row"> <div class="col-md-2"><i class="fa fa-windows fa-3x" class="center-block"></i></div> <div class="col-md-2"><i class="fa

我在一行上放置了6个图标,并希望将它们变成链接(最终会变成情态动词)

这是我的代码,用于在将它们转换为链接之前将它们放到线上:

   <div class="row">
   <div class="col-md-2"><i class="fa fa-windows fa-3x" class="center-block"></i></div>
   <div class="col-md-2"><i class="fa fa-linux fa-3x" class="center-block"></i></div>
   <div class="col-md-2"><i class="fa fa-apple fa-3x" class="center-block"></i></div>
   <div class="col-md-2"><i class="fa fa-android fa-3x" class="center-block"></i></div>
   <div class="col-md-2"><i class="fa fa-bluetooth fa-3x" class="center-block"></i></div>
   <div class="col-md-2"><i class="fa fa-wifi fa-3x" class="center-block"></i></div>
</div>

这很有效

然后我开始将它们制作成链接(尚未完成):


突然,最后一个WiFi图标与另一个图标不在同一条线上,但它已略微下降


如何使其与其他标签处于同一级别?

您可以通过关闭
a
标签来实现这一点

    <div class="row">
   <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-windows fa-3x" class="center-block"></i></a></div>
   <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-linux fa-3x" class="center-block"></i></a></div>
   <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-apple fa-3x" class="center-block"></i></a></div>
   <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-android fa-3x" class="center-block"></i></a></div>
   <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-bluetooth fa-3x" class="center-block"></i></a></div>
     <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-wifi fa-3x" class="center-block"></i></a></div>
</div>

非常感谢您!!我真蠢,我早该知道的。
    <div class="row">
   <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-windows fa-3x" class="center-block"></i></a></div>
   <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-linux fa-3x" class="center-block"></i></a></div>
   <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-apple fa-3x" class="center-block"></i></a></div>
   <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-android fa-3x" class="center-block"></i></a></div>
   <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-bluetooth fa-3x" class="center-block"></i></a></div>
     <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-wifi fa-3x" class="center-block"></i></a></div>
</div>