Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/google-sheets/3.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,这是我的代码: <html> <head> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaX

这是我的代码:

<html>
    <head>
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    </head>

    <title></title>

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

                <div class="col-md-3">

                    <div class="row">
                        <div class="col-md-12 newDive">
                            lefft 1
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 newDive">
                            left 2
                        </div>
                    </div>
                </div>

                <div class="col-md-9">
                    <div class="newDive">
                        right
                    </div>
                </div>
        </div>
    </body>
</html>

莱夫特1
左2
正确的
我的预期结果如下所示:

但我得到的是输出,因为右边的列高度是到左边的1。它没有完全填充到左2,为什么


我不熟悉bootstrap,今天才开始学习。

在靠近底部的容器收尾div上方的第一行收尾div中缺少收尾div。下面是添加了div的代码。我还重新编写了bootstrap 4.4.1 cdn,以防下面的示例中出现拼写错误

<html>
    <head>
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" 
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" 
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" 
crossorigin="anonymous">
    </head>

    <title></title>

    <body>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-12 newDive">
                            lefft 1
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 newDive">
                            left 2
                        </div>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="newDive">
                        right
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>

莱夫特1
左2
正确的

仍然得到相同的结果我使用google chrome将代码作为一个独立的html页面进行了测试,效果非常好。听起来好像是其他环境变量导致了问题。你在车把、角形等方面做什么。?