Bootstrap行重叠

时间：2016-09-08 02:04:19

标签： javascript html5 twitter-bootstrap css3 responsive-design

我正在使用bootstrap为聊天应用程序构建原型。当屏幕尺寸较小时，行之间会有一些重叠。我被困住了，并且不知道这种奇怪行为背后的原因

代码：

<body>
    <section class='menu col-lg-3 col-md-3 col-sm-3 col-xs-3 border'>
        <div class='row user'>
            <div class='col-lg-5 col-md-5 col-sm-12 col-xs-12 border'>
                <img class='user-picture' src='img/profile.jpg'></img>
            </div>
            <div class='user-name col-lg-7 col-md-7 col-sm-12 col-xs-12'>Error</div>
        </div>
        <div class='row dialog-box'>dialogs</div>
    </section>

    <section class='detail col-lg-9 col-md-9 col-sm-9 col-xs-9 border'>
        chat details
    </section>

</body>

在大屏幕中，它可以正常工作：enter image description here

但是当屏幕较小时，它会像enter image description here这个

重叠

0 个答案:

没有答案
相关问题
最新问题