왜 두 div를 서로 나란히 정렬합니까?

Question

두 이미지를 부트 스트랩을 사용하여 바닥 글에 나란히 정렬하려하지만 올바른 오프셋으로 계속 표시되지만 다른 이미지는 아래에 있으며 왜 그런지 이해하지 못합니다.

<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 개 오프셋, 6 열을 차지합니다.

  col-xs-offset-6 col-xs-1"은 1 열을 스팬하고 6을 더 오프셋하기 때문에 열을 차지합니다.

이 작업을 수행하기위한 오프셋 중 하나를 감소시킵니다.