html - 在 bootstrap 中划分列的最佳方法

Question

我按照以下方式划分了我的网格系统。

<div class="container">
   <div class="row">
       <div class="col-md-8">
           <div class="slider"></div>
           <!--divided column into 6/6-->
           <div class="col-md-6">
               <img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail" />
               <img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail"/>
               <img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail"/>
           </div>
           <div class="col-md-6">
               <p>some content with image</p>
           </div>
       </div>
       <div class="col-md-4">
           some content plus image
       </div>
   </div>
</div>

我的问题是由于宽度较小，我无法在该 div 中设置 3 张图像。谁能告诉我如何让它发挥作用。如果我在我的网格系统中做错了任何事情，请指导我。

谢谢

Answer 1

<div class="container">
    <div class="row">
        <div class="col-md-8">
            <div class="slider"></div>
            <!--divided column into 6/6-->
            <div class="col-md-6">
                <div class="col-md-4">
                    <img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail" />
                </div>
                <div class="col-md-4">
                    <img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail"/>
                </div>
                <div class="col-md-4">
                    <img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail"/>
                </div>                 
            </div>
            <div class="col-md-6">
                <p>some content with image</p>
            </div>
        </div>
        <div class="col-md-4">
            some content plus image
        </div>
</div>

希望这会奏效..