html - Bootstrap 盒子不合适

Question

一旦我调整了网页(浏览器)的大小，我的 Boxes 就出现了问题，我不确定如何使用它，我使用“col-sm-3”

<div class="col-md-12">
    <div class="w-section inverse">
         <h3 class="section-title">User's Outfits</h3> 
        <div class="row">
            <div class="col-md-3">
                <div class="box">
                    <div id="boxpic">
                        <img src="http://apinchofglitzandglam.files.wordpress.com/2014/03/dsc_0653.jpg?w=560&h=822" />
                    </div>
                    <div id="title" style="text-align:center;">Winter's Mist</div>
                    <p style="font-family:comic sans MS;width:250px;height:30px;"></p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="box">
                    <div id="boxpic">
                        <img src="http://apinchofglitzandglam.files.wordpress.com/2014/03/dsc_0653.jpg?w=560&h=822" />
                    </div>
                    <div id="title" style="text-align:center;">Winter's Mist</div>
                    <p style="font-family:comic sans MS;width:250px;height:30px;"></p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="box">
                    <div id="boxpic">
                        <img src="http://apinchofglitzandglam.files.wordpress.com/2014/03/dsc_0653.jpg?w=560&h=822" />
                    </div>
                    <div id="title" style="text-align:center;">Winter's Mist</div>
                    <p style="font-family:comic sans MS;width:250px;height:30px;"></p>
                </div>
            </div>
        </div>
    </div>
</div>

这是图片 -> http://justpaste.it/STacKovErFloW

Answer 1

您的图片似乎没有调整大小。在你的 CSS 样式中使用它

.boxpic img {
   width:100%;
   height:auto;
 }