Html 如何将两张图片并排设置？

我试着把两张照片并排放在一起。我想我可以通过使用引导网格来做到这一点，但它不适合我

我希望公文包图片是这样的：

---

更新：添加了“文本右侧”，以便正确定位左侧图像

<div class="row">
    <div class="col-xs-6 text-right">
        <img src="https://lh3.googleusercontent.com/aHxLM6563JbtHMwdbWTAEzIbILKwxsuM-s6SIGR2zki8h5wmSf-Semz8xhNIbwbHGwAW3CE3j-g=w640-h400-e365" alt="google">
    </div>
    <div class="col-xs-6">
        <img src="http://www.hisocial.com/eng/wp-content/uploads/2013/08/fb_login_1.png" alt="facebook">
    </div>
</div>

---

首先，在使用诸如“row”和“col-xs-6”之类的类之前，您需要确保已经包含了引导框架。如果您没有-

台式机和笔记本电脑使用col md-*而不是xs。XS适用于小型设备。请尝试以下代码：

<div class="row">
<div class="col-md-6">
    <img src="https://lh3.googleusercontent.com/aHxLM6563JbtHMwdbWTAEzIbILKwxsuM-s6SIGR2zki8h5wmSf-Semz8xhNIbwbHGwAW3CE3j-g=w640-h400-e365" alt="google">
</div>
<div class="col-md-6">
    <img src="http://www.hisocial.com/eng/wp-content/uploads/2013/08/fb_login_1.png" alt="facebook">
</div>

<div class="row">
<div class="col-md-6">
    <img src="https://lh3.googleusercontent.com/aHxLM6563JbtHMwdbWTAEzIbILKwxsuM-s6SIGR2zki8h5wmSf-Semz8xhNIbwbHGwAW3CE3j-g=w640-h400-e365" alt="google">
</div>
<div class="col-md-6">
    <img src="http://www.hisocial.com/eng/wp-content/uploads/2013/08/fb_login_1.png" alt="facebook">
</div>