なぜ私はこれらの2つのdivをお互いに整列させていませんか？

Question

私は、フットプリント内で隣り合った2つのイメージをブートストラップを使って整列しようとしていますが、それらは正しいオフセットで表示され続けますが、どちらか一方は下にあります。

<div class="row"> 
     <div class="col-xs-offset-5 col-xs-1"> 
      <a href="https://www.instagram.com/thesmilecollective_/"> 
       <img src="Insta_link.png"> 
      </a>  
     </div> 
     <div class="col-xs-offset-6 col-xs-1" id="twitter_img"> 
      <a href="https://twitter.com/Adsthelad345"> 
       <img src="twitter_link.png"> 
      </a> 
     </div> 
    </div> 

ヘルプは常に高く評価されます。

Answer 1

合計カラムスパンは、12カラムを超えるです。

• class="col-xs-offset-5 col-xs-1" は、あなたが1列にまたがるし、その後5以上を相殺するので、列を占めます。

  col-xs-offset-6 col-xs-1"は7つの列、あなた以来 スパン1列を取り、その後、6以上を相殺しました。

このオフセットを1つ減らしてください。