为什么我不能将这两个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列。

• const SEARCH_KEYWORD = "b"; let params = { TableName : 'TABLE_NAME', KeyConditionExpression: "contains(#movie_name, :movie_name)", ExpressionAttributeNames:{ "#movie_name": 'movie_name' }, ExpressionAttributeValues:{ ":movie_name": SEARCH_KEYWORD } }; documentClient.query(params, function(err, data) { console.log(data); }); 占据 6 列，因为 你跨越1列，然后再偏移5列。

  由于你，

  class="col-xs-offset-5 col-xs-1"会占用 7 列 跨度1列，然后再偏移6列。

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