Bootstrap修复DIV没有换行

时间:2017-08-24 14:49:28

标签: html css twitter-bootstrap twitter-bootstrap-3

嗨我有一个小问题,当我调整窗口大小时,我终于得到了BOOTSTRAP BREAKPOINRT包装DIV有什么问题吗?添加ROW并不帮助= \

LIVE Prewiew:http://nekonomagic.sk/stylmejker/pages/uvod.php

Prewiew enter image description here enter image description here

HTML代码:

<div class="col-md-12" id="no-wrap">
            <div class="row col-md-1" id="slider-span">
                <a href="#" data-toggle=""><span class="fa fa-arrow-left"></span></a>
                <a href="#" data-toggle=""><span class="fa fa-arrow-right"></span></a>
            </div>
            <div class="col-md-4" id="slider-pagin">
                <ul class="pagination">
                    <li><a href="#" id="playfair-14" data-toggle="">01</a></li>
                    <li><a href="#" id="playfair-14" data-toggle="">02</a></li>
                    <li><a href="#" id="playfair-14" data-toggle="">03</a></li>
                </ul>
            </div>
        </div>

1 个答案:

答案 0 :(得分:1)

对于即时解决方案,您可以尝试此媒体查询。

   @media only screen and (max-width:990px){
        #no-wrap {
            display: flex;
            flex-flow: row nowrap;
            align-items: center;
        }
        #slider-pagin{
           top:0;
        }
       }