Question

我创建了一个带有面板和面板主体的容器。当我在桌面上查看该网站时，它看起来相对没问题。但是当我在手机上看到它时，右侧似乎有一个巨大的空间，没有任何东西。

我想知道如何解决这个问题？我尝试设置容器流体，但我不喜欢桌面上的显示器。我甚至不确定容器液是否可以解决我的问题。如果我能得到提示或建议，请。我也非常愿意改变我的文章布局。我第一次写文章页面时，任何提示或建议都会很棒。

<div class="container">
    <div class="row">

        <div class="col-lg-9">

            <div class="panel panel-default">

                <div class="panel-body">

                    <div class="page-header">
                        <h3>
                            NFL Tutorial <small>Posted on January 25th</small>
                        </h3>
                        <div class="fb-like" data-href="https://google.com" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
                    </div>

                    <div>
                        <ul>
                            <li>
                                <p>
                                <h4>
                                    <b>1. Football is an 11 vs 11 sp

Answer 1

而不是

git push -f bitbucket master

尝试写作

<div class="col-lg-9">

只是一个想法，我也无法重现它......

Answer 2

@media screen and (max-width: 768px) { .container { width: 100%; padding: 0px } }

使容器流动移动

2 个答案: