为什么我不能将这两个div对齐？

我想在使用引导程序的页脚中彼此相邻排列两个图像，但是它们一直显示正确的偏移量，但是一个在另一个下面，我不明白为什么。为什么我不能将这两个div对齐？

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

帮助总是赞赏。

来源

2017-05-04 KONADO

'5 + 1 + 6 + 1 = 13' - 你有太多的专栏。 –

您的总列跨度为超过12列。

class="col-xs-offset-5 col-xs-1"占用列，因为你跨越1列，然后偏移5以上。

col-xs-offset-6 col-xs-1"占用列，因为你跨度1列，然后偏移6以上。

减少其中一个偏移量以使其工作。

来源

2017-05-04 22:45:04

非常感谢 – KONADO

为什么我不能将这两个div对齐？

回答

相关问题