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页面进行了测试,效果非常好。听起来好像是其他环境变量导致了问题。你在车把、角形等方面做什么。?