Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/344.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Bootstrap 4 为什么这些嵌套的引导行不起作用_Bootstrap 4 - Fatal编程技术网

Bootstrap 4 为什么这些嵌套的引导行不起作用

Bootstrap 4 为什么这些嵌套的引导行不起作用,bootstrap-4,Bootstrap 4,我在一个引导列中有两级嵌套的引导行。我已经在代码中注释了哪些有效,哪些无效。如果我希望嵌套行中的每一列仅为6,则它将显示为6,但下一列不会填充其他6,而是将其包裹在下面。在每种情况下,都不会显示两列。很难描述引导问题,而且该网站尚未发布,所以我无法展示 <div class="container-fluid"> <div class="row"> <div class="col-12 col-

我在一个引导列中有两级嵌套的引导行。我已经在代码中注释了哪些有效,哪些无效。如果我希望嵌套行中的每一列仅为6,则它将显示为6,但下一列不会填充其他6,而是将其包裹在下面。在每种情况下,都不会显示两列。很难描述引导问题,而且该网站尚未发布,所以我无法展示

<div class="container-fluid">
    <div class="row">
        <div class="col-12 col-lg-9"> <!--this works-->
            <div class="iframe-container">
                <iframe src="https://player.vimeo.com/video/23912696" allow="autoplay; fullscreen" allowfullscreen></iframe>
            </div>
        </div>
        <div class="col-12 col-lg-3"> <!--this works-->
            <row>
                <div class="col-6 col-lg-12"> <!--this doesn't work-->
                    <row>
                        <div class="col-6"><img src="images/plasticSurgery.jpg" class="thumb" /></div><!--this doesn't work-->
                        <div class="col-6 thumbP">Plastic Surgery</div><!--this doesn't work-->
                        <div class="col-6"><img src="images/plasticSurgery.jpg" class="thumb" /></div><!--this doesn't work-->
                        <div class="col-6 thumbP">Plastic Surgery Dr</div><!--this doesn't work-->
                    </row>
                </div>
                <div class="col-6 col-lg-12"> <!--this doesn't work-->
                    <row>
                        <div class="col-6"><img src="images/plasticSurgery.jpg" class="thumb" /></div> <!--this doesn't work-->
                        <div class="col-6 thumbP">Plastic Surgery</div> <!--this doesn't work-->
                        <div class="col-6"><img src="images/plasticSurgery.jpg" class="thumb" /></div> <!--this doesn't work-->
                        <div class="col-6 thumbP">Plastic Surgery</div> <!--this doesn't work-->
                    </row>
                </div>
            </row>
        </div>
    </div>
</div>

整形外科
整形外科医生
整形外科
整形外科

不是有效的HTML元素。也许你应该用以下方法来改变它:

<div class="row"></div>


这是定义行容器的自举方法。

是的,我在外行上有正确的定义,但在内行上没有。该死的打字错误。我看代码看得太久了。谢谢
<div class="row"></div>