文字和圖片同行顯示，右邊圖片自動縮放，文字居左，外圍的div縮小，內部樣式不變，即文字縮放，圖片自適應，如何實現？
div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
? ? ? ? ? ? ? ? ? ? <ul class="media-list">
? ? ? ? ? ? ? ? ? ? ? ? <li class="media">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <a class="pull-right" href="#">
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <img class="img-responsive" src="images/theme-pic1.jpg" alt="...">
? ? ? ? ? ? ? ? ? ? ? ? ? ? </a>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="media-body">
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <h2 class="media-heading">服飾鞋包</h2>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <h4 style="color: #C5C5C5">最IN時尚穿搭</h4>
? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </div>
