Question

我的设计布局有问题：

HTML：

<div class="col-lg-10 col-lg-offset-1">
    <img class="advertise-two img-responsive col-lg-12 col-xs-12 col-sm-12" src="http://placehold.it/1050x220" alt="" />
    <ul class="menus">
        <li>
            <a href="#">menu</a>
            <a href="#">menu</a>
            <a href="#">menu</a>
            <a href="#">menu</a>
            <a href="#">menu</a>
            <a href="#">menu</a>
            <a href="#">menu</a>
            <a href="#">menu</a>
            <a href="#">menu</a>
        </li>
    </ul><!-- /.menus -->
</div><!-- /.col-lg-10 col-lg-offset-1 -->

看起来像这样： http://postimg.org/image/ffbjrbg8j/

但在小屏幕中，它看起来像这样： http://postimg.org/image/71gbdxq81/

有什么想法吗？

Answer 1

使用function flatten() { var flat = []; for (var i = 0; i < arguments.length; i++) { if (arguments[i] instanceof Array) { flat.push(flatten(arguments[i])); } flat.push(arguments[i]); } return flat; }将代码包裹在div中，并将class="row"添加到内部col-xs-12：

div

如何在小屏幕上制作DIV全宽

1 个答案: