Html 如何使用Bootstrap3将两个图像居中

它在大屏幕上工作正常，但在手机上却被分成两行。一个图像在左边，另一个在右边

HTML:

---

您可以使用

float

：

HTML:

---

尝试使用。在第一个图像上向右拉，在第二个图像上向左拉。没有理由为bootstrap中已经可用的类创建所有新类。

要在移动视图中将两个图像保持在同一行中，只需在两个div中的

col-md-6

类旁边添加bootstrap类，如：

<div class="col-md-6 col-xs-6">

---

您想用它们做什么？使它们在同一条线上（一条在左边，另一条在右边）？

 .l{text-align: left; padding-top: 10px;}
 .r{text-align: right; padding-top: 10px;}

<center>
<div class="container">
            <div class="row">

                <div class="col-md-6 r"> 
                     <img src="img/qr.gif"> <br />
                    <p><small>HERE IS TITLE</small></p> 
                </div>


                <div class="col-md-6 l">
                    <img src="img/weixin.gif"> <br />
                    <p><small>HERE IS TITLE</small></p>                      
                </div>

            </div>
        </div>
    </center>

 .l{display: block; padding-top: 10px; float: left; }
 .r{display: block; padding-top: 10px; float: right;}

<div class="col-md-6 col-xs-6">