Css 分页符为5个单位

由3个区块组成。在各种移动设备上都在更改页面模板

                <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>

请在5个街区内帮忙

                <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>

问题在于引导包含12列。12不能被5整除

                <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>

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>

我们最近为一家豪华美发店完成了美丽的网站，为一家豪华美发精品沙龙工作室完成了网站建设。该网站是

                <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>

我们最近为一家豪华美发精品店完成了beatiful网站，为一家豪华美发精品沙龙工作室完成了beatiful网站。该网站是

                <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>

我们最近为一家豪华美发精品沙龙工作室完成了美丽的网站。该网站是

                <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>

你想把它分成5块，而不是3块，因为它是在舒适的空间里分出来的。我不太清楚。。如果要进行5个区块，则必须使用

5个span div

制作一个

fluid行

，每个div的长度必须为

span 2

，最后一个div的长度为

span 4

，以完成该行。