Question

确定所以我最终确定客户网站并使用bootstrap 3我已经为网站创建了此代码。它正确地显示了第一个div和第二个（中间）Div中的所有内容，但之后它没有显示任何内容。我把它放在一个流体容器中它仍然没有显示最后一个div，也没有显示我之后的任何代码。我正在使用Notepad ++来编辑和检查我的错误，我没有看到任何错误？这可能是什么问题。

<div class="container-fluid" style="background-color: rgba (0,0,0,0.8)">
        <div class="col-xs-2 col-sm-2 col-md-2">
            <img src="../images/BluelinesandBigFaces.jpg" class="img-responsive"><br><button class="btn-warning" onmousedown="player1.loadPlaylist(0)">PLAY</button>
            <img src="../images/pantiesdrop.jpg" class="img-responsive"><br><button class="btn-warning" onmousedown="player1.loadPlaylist(2)">PLAY</button>
            <img src="../images/sidechick.jpg" class="img-responsive"><br><button class="btn-warning" onmousedown="player1.loadPlaylist(3)">PLAY</button>

        </div>
        <div class="col-xs-8 col-sm-8 col-md-8 embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/dWU4e6kFaaw"</iframe>
        </div>
        <div class="col-xs-2 col-sm-2 col-md-2">
            <img src="../images/BluelinesandBigFaces.jpg" class="img-responsive"><br>
            <img src="../images/BluelinesandBigFaces.jpg" class="img-responsive"><br>
            <img src="../images/BluelinesandBigFaces.jpg" class="img-responsive">

            </div>
    </div>
<br>
    <div class="row" style="background-color: rgba (0,0,0,0.8)">
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- MusicPageAd -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7512006871298343"
     data-ad-slot="6094032318"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
    </div>
    <br>
    <div class="container-fluid" >
        <div class="col-sm-10 col-md-10" style="background-color: rgba (0,0,0,0.8)">
                <!--iFrameToVerticalPostPage-->
        </div>
        <div class="col-sm-2 col-md-2" style="background-color: rgba (0,0,0,0.8)">
                Welcome Msg<br>
                Twitter Feed<br>
                Cost 2 Coast Side Ad
                Facebook Feed<br>
                ReAdvertisement<br>
        </div>
    </div>

Answer 1

标记结束问题：

<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/dWU4e6kFaaw"> // <-- close this
</iframe>

总是尝试查看开始和结束标记 - 在任何编辑器中，甚至在上面的代码片段中，如果它们的颜色不一样 - 那就错了！

Bootstrap网格无法正常显示

1 个答案: