右下角对齐媒体

Question

我想在文本的右下角放置一个图像，该文本应该采用5的col。我有以下代码，它会在页面上垂直创建一个滚动条。

<div class="row">
  <div class="col-sm-12 col-md-12">
    <div class="col-sm-5 col-md-5">
      <div class="Mymsg">Welcome to Era</div>
      <div class="msg">here you are!</div>
    </div>
    <div class="media">
      <a href="#">
        <img class="media-object" src="images/myIamge.png"/>
      </a>
    </div>
  </div>
</div>

Answer 1

请为col-sm-7添加另外两个课程col-md-7 media：

<div class="media col-sm-7 col-md-7">
  <a href="#">
    <img class="media-object" src="images/myIamge.png"/>
  </a>
</div>