Html .与一起使用时，img响应中断。向右拉

我有一些图像有

。向左拉

和

。向右拉

以特定模式对齐它们。我还使用了

.img responsive

图像如下所示：

<img src="~/Images/test-modern.jpg" class="pull-right img-responsive" />
<img src="~/Images/test-modern.jpg" class="pull-left img-responsive" />

似乎对于具有

.pull right.img responsive

的图像不起作用。但是，它确实适用于

。向左拉

.pull right
在后台使用
float:right
，如果我在F12工具中找到它并将其打开和关闭，我可以看到
.img responsive
也在打开和关闭

我在这里遗漏了什么？
而不是
向左拉
和
向右拉
使用
col-***
类来解决这个问题。
而不是
向左拉
和
向右拉
使用
col-***
类来解决这个问题。
你的问题是
.img responsible
设置
最大宽度：100%
。只有当每行只有一个元素时，它才起作用。这里有两个选项可以改变这一点，选择一个适合您的需要

选项1：图片贴在侧面

这将使图片粘在两面

选项2：图片相互粘贴
您的问题是
.img responsive
设置
最大宽度：100%
。只有当每行只有一个元素时，它才起作用。这里有两个选项可以改变这一点，选择一个适合您的需要

选项1：图片贴在侧面

这将使图片粘在两面

选项2：图片相互粘贴

<div class="row-pictures">
    <img src="~/Images/test-modern.jpg" class="pull-right img-responsive">
    <img src="~/Images/test-modern.jpg" class="pul-left img-responsive">
</div>

.row-pictures .img-responsive {
  max-width: 50%
}

<div class="row row-pictures">
    <img src="~/Images/test-modern.jpg" class="col-xs-6 img-responsive" />
    <img src="~/Images/test-modern.jpg" class="col-xs-6 img-responsive" />
</div>

.row-pictures img {
    padding: 0; /* optional: only to remove the gutter */
}