مشکل شبکخ بندی در بوت استرپ

[prance333]

سلام وقت بخیر
برای شبکه بندی با بوت استرپ برای هر چهار تا حالت log , md ,sm,xm به سطر ها مقدار دادم ،
اما زمانی که عرض صفحه رو با موس کوچک میکنم تغییر میدم در یک سری عرض های صفحه علاوه بر اینکه سطر ها بهم میریزه دابوها فاصله شان نسبت بهم بهم میریزه و به هم میچسبن عکسش رو گذاشتم مشکل چیه

<section class="container-fluid col-lg-10 col-md-7 col-sm-6 col-xs-6">
    <div class="row"><!--start row-->
        <article class="col-lg-5 col-md-7 col-sm-3 col-xs-12 mini-squr"><!--start article-->
            <div><button></button></div>
            <div class="pic" ><!--start pic -->
                <div class="shw">
                    <figure>
                        <img src="image/1.jpg" class="img-responsive"/>
                    </figure>
                </div>
            </div><!--end pic -->
            <div class="txt"><!--start txt -->
                <header>
                    <h6 class="h6">posted in march 2012</h6>
                    <p>Tortor magna dolor,aliqunam tellus iacilus.</p>
                </header>
            </div><!--end txt -->
            <div class="only-txt"><!--start only txt-->
                <p>
                Libero non, blandit blandit, sed odio lectus. Senectus donec, lacus scelerisque, vestibulum id tristique. Libero non, blandit blandit, sed odio lectus.
                </p>
            </div><!--end only txt-->
            <div class="icons"></div>
        </article><!--end article-->
     </div><!--end row-->
</section>

​