css - 5単位で改ページ

Question

ページは 3 つのブロックで構成されています。さまざまなモバイル デバイスで、ページ テンプレートが変更されています。

このように助けてください5ブロックです。

ブートストラップが 12 列で構成されている問題。12 は 5 で割り切れない

html:

                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 box_outer">
                    <article class="box">
                        <span class="pic corners5"><img class="img-responsive" src="images/news_pics/news-pic.jpg" width="305" height="134" alt=""></span>

                        <p>We have recently completed beatiful website for  a luxury hair beauty y completed for  a luxury hair beauty boutique Salon Studio. The website is ...</p>
                    </article>
                </div>

                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 box_outer">
                    <article class="box">
                        <span class="pic corners5"><img class="img-responsive" src="images/news_pics/news-pic.jpg" width="305" height="134" alt=""></span>

                        <p>We have recently completed beatiful website for  a luxury hair beauty boutique Smpleted beatiful website for  a luxury hair beauty boutique Salon Studio. The website is ...</p>
                    </article>
                </div>

                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 box_outer">
                    <article class="box">
                        <span class="pic corners5"><img class="img-responsive" src="images/news_pics/news-pic.jpg" width="305" height="134" alt=""></span>

                        <p>We have recently completed beatiful website for  a luxury hair beauty boutique Salon Studio. The website is ...</p>
                    </article>
                </div>                      
            </div>
        </div>
    </div>