Bootstrap 4 引导，如何使图像转到右侧？

我试图把一个简单的图像排成一行，并使其位于页面的右侧

如果我想用文本来实现这一点，我只需要这样做：

        <div clas="row">
            <div class="col text-right">
                <h1>Im on the right</h1>
            </div>
        </div>

我在右边

似乎没有对等的“形象权”。有“向右浮动”，但这会将下面的文本向上拉，这不是我们想要的

尝试了此操作，但无效：

            <div class="row">
                <div class="col">
                        <img src="images/MyLogo.png" class="pull-right" style="height: 200px" alt="our Logo">
                </div>
            </div>

作为一个老式的html表用户，我认为我可以在左侧创建虚拟空列，尽管当屏幕变小时，这不是我们想要的列“断开”：

            <div class="row">
                <div class="col-xs-10">
                <div>
                <div class="col-xs-2">
                        <img src="images/MyLogo.png"  style="height: 200px" alt="our Logo">
                </div>
            </div>

但这也使图像牢牢地固定在左侧

---

有没有关于如何在页面右侧放置图像，并保持左侧空白的建议？

您可以使用flex实用程序

d-flex justify content end

：

<div class="row">
    <div class="col d-flex justify-content-end">
        <img src="" alt="">
    </div>
</div>

参考

您可以使用，而不是向右拉：

---

现在还不太清楚您的目标是什么（添加更多细节或提供准确的html代码可能会让事情变得更清楚），但是如果我理解正确，您需要一个图像来获取整行并向右浮动，图像左侧的空间应该是空的。如果是这种情况，这对您来说应该很好：

<div class="row">
  <div class="col">
    <img src="images/MyLogo.png" class="pull-right" style="height: 200px" alt="our Logo">
  </div>
</div>

.col {
text-align: right;
}
.pull-right {
margin: 0 0 0 auto;
}