如何使用引導程序並排保留圖像

Question

我的目標是在大屏幕中並排放置2張圖像，在小屏幕中並排放置另一張圖像。側。

請看這個小提琴 。

這是我的html代碼

<!--nav bar-->
<div class="container">
<div class="row">
<div class="col-md-18">
<div >
    <img src="http://www.computerhope.com/logo.gif" alt="Logo"  class="round"> my user
</div>
</div>
<div class="col-md-6">Recently purchased
<div id="slideshow">
  <span class="images">
<div class="box img-responsive">
    <img src="http://lorempixel.com/150/100/abstract" />
<span class="caption simple-caption">
                    <p>Review</p>
                </span>
</div>
<div class="box img-responsive">
    <img src="http://lorempixel.com/150/100/food" />
<span class="caption simple-caption">
                    <p>Review</p>
                </span></div>
  </span>

  <a class="next" href="#">Next</a>
</div>
</div>
</div>
</div>

我尚未發布js代碼，因為我認為這不是必需的，但是如果您願意，請檢查小提琴

請查看屏幕截圖，

Answer 1

將img-responsive類添加到圖片標簽，而不是div標簽。 同樣，除非您已對col-lg-18進行了自定義，否則它不可能有18列，默認情況下，您可以擁有的最大列數為12。