2016-04-04 10 views
0

私は1行に6つのグリフコンを配置し、それらをリンクにしたい(最終的にモーダルにする)。これは素晴らしい仕事col-md-2最後の列が同じ行にありません

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

これは、リンクにそれらを入れる前に、ライン上にそれらを置くための私のコードです。

は、その後、私は(まだ終わっていない)のリンクにそれらを作り始め:

<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></div> 
    <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-linux fa-3x" class="center-block"></i></div> 
    <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-apple fa-3x" class="center-block"></i></div> 
    <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-android fa-3x" class="center-block"></i></div> 
    <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-bluetooth fa-3x" class="center-block"></i></div> 
    <div class="col-md-2"><a class="btn btn-link" href="#"><i class="fa fa-wifi fa-3x" class="center-block"></i></div> 
</div> 

突然最後のWiFi glyphiconが他と同じライン上に正確ではありませんが、それは少し落としました。

どのように他の人と同じレベルになるようにすることができますか?

答えて

0

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

ありがとうございます!私はどのように愚かなのか分かっていたはずです。 – Newbie

+0

;-)ようこそ – pbenard

関連する問題