与引导程序 div 右侧的手机图像对齐

Question

需要将手机与引导程序的彼此一侧的图标对齐，并且给出错误，希望有人帮助我。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/>
<footer class="container">
<address class="row">
    <div class="col-sm-6">
        <img src="imagens/telefone.png" class="img-responsive pull-right" />
        <div class="pull-right">(85) 8743.1561</div>
    </div>
    <div class="col-sm-6">
        <img src="imagens/telefone.png" class="img-responsive pull-left" />(85) 8743.1561
    </div>
</address>
</footer>

Answer 1

我不太明白你为什么要在页脚上这样做，但对于"在页面中间居中"部分，你想要这样的东西：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/>
<footer class="container">
    <address class="row">
        <div class="col-sm-2 col-sm-offset-3">
            <img src="imagens/telefone.png" class="img-responsive pull-right" />
        <div class="col-sm-2">(85) 8743.1561</div>
        </div>
        <div class="col-sm-2">
            <img src="imagens/telefone.png" class="img-responsive pull-left" />
        </div>
     </address>
</footer>

当然，您可以将col-sm-offset和col-sm的值更改为您需要的任何值。如果我遗漏了什么，请告诉我，我会尽力改进我的答案。