无法理解为什么我无法编辑我的HTML

时间:2017-08-25 09:56:34

标签: html twitter-bootstrap

我使用的是Bootstrap Twitter,我在那里遇到了一个问题:

<body>
<div class="container col-xs-8 col-sm-8 col-md-8 col-lg-8 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2 main-progress-bar-container" style="margin-top: 50px;">
    <div class="progress sm-progress-bar active">
        <div class="progress-bar" id="main-progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="margin-bottom:30px;">
            <!-- value here -->
        </div>
    </div>
</div>

<!-- Page content -->
<div class="container col-xs-12 col-sm-12 col-md-12 col-lg-12 main-container">
    <!--Left Part (2/3)-->
    <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8" id="left-part">
        <div class="part-content" id="left-part-content">

        </div>
    </div>

    <!--Right Part (1/3)-->
    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" id="right-part">
        <div class="part-content" id="right-part-content">
            <div id="clock-container">
            </div>
        </div>
    </div>
</div>

但是当我像这样更新我的代码时:

<!-- Page content -->
<div class="container col-xs-12 col-sm-12 col-md-12 col-lg-12 main-container">
    <!--Left Part (2/3)-->
    <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8" id="left-part">
        <div class="part-content" id="left-part-content">

        </div>
    </div>

    <!--Right Part (1/3)-->
    <div class="col-xs-0 col-sm-0 col-md-4 col-lg-4" id="right-part">
        <div class="part-content" id="right-part-content">
            <div id="clock-container">
            </div>
        </div>
    </div>
</div>

或者像这样:

<!-- Page content -->
<div class="container col-xs-12 col-sm-12 col-md-12 col-lg-12 main-container">
    <!--Left Part (2/3) TEST-->
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="left-part">
        <div class="part-content" id="left-part-content">

        </div>
    </div>

    <!--Right Part  REMOVED -->

</div>

没有任何变化..当我在浏览器中查看我的源代码时,代码不会更新。在服务器上,代码已更新。我在当地遇到同样的麻烦..然后我不明白。我已尝试使用其他浏览器,清除缓存,历史记录,更改路径等。没有任何变化。它只在我删除了整个div主容器时才更新,除非我的进度条(如预期的那样),否则我没有显示任何内容。

那个诅咒。有人能够解释我错过了什么吗?我很确定这是一个乞丐的错误。感谢。

编辑:我开始相信幽灵

3 个答案:

答案 0 :(得分:0)

您要删除的课程与网站的响应能力有关。如果屏幕尺寸发生变化,或者设备发生变化,他们将执行网站更新以适应屏幕。

您也可以发布您所看到的图片,它可以帮助我们了解它的外观。

另一件事,你的div里面没有内容,所以如果css是空的,网站就不会显示任何内容。

答案 1 :(得分:0)

当您删除了正确的部分时,div就会以这种方式对齐。它是Bootstrap功能

答案 2 :(得分:0)

我所说的是可能性。可能还有别的东西。

如果所有这些努力都没有改变您的代码,那么只能控制您的HTML代码的是 Java Script 。它可以控制您的 HTML DOM

您的任何JavaScript函数都可能正在重构或编辑您的HTML代码。

希望这有帮助。