Twitter bootstrap 引导媒体对象映像大小调整问题

图像的大小比标题和段落文本大得多。我正在尝试使用引导创建一个“注释线程”类型的代码。仅供参考，注释、图像和带有日期的标题应该在一个虚构的框中正确对齐，就像facebook、youtube上的注释对齐一样

 <div class="col-xs-7"> 
      <div class="media-list">
          <div class="media">
            <div class="media-left">
                <a href="#">
                    <img src="media1.png" alt="Harsh Parikh" class="media-
                    object pull-left">
                </a>
            </div>  
            <div class="media-body">
                <h4 class="media-heading">Harsh Parikh<small><i> October 
                 21,2017</i></small></h4>
                <p class="text-justify">Alphabet Inc. is an American 
                  multinational conglomerate created in a corporate 
                  restructuring of Google on October 2, 2015.</p>

                <div class="media">
                    <div class="media-left">
                        <a href="#">
                            <img src="media1.png" alt="Harsh Parikh" 
                             class="media-object pull-left">
                        </a>
                    </div>  
                    <div class="media-body">
                        <h4 class="media-heading">Harsh Parikh<small><i> 
                         October 21,2017</i></small></h4>
                        <p class="text-justify">Alphabet Inc. is an American 
                            multinational conglomerate created in a corporate 
                           restructuring of Google on October 2, 2015.</p>

                    </div>

                 </div>
              </div>

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

严酷的巴黎十月
21,2017
字母表公司是一家美国公司
在公司中创建的跨国企业集团
谷歌于2015年10月2日重组

苛刻的贱民
2017年10月21日
字母表公司是一家美国公司
在公司中创建的跨国企业集团
谷歌于2015年10月2日重组