我可能正在做一些非常愚蠢的事情，但无法弄清楚是什么。我想要非常简单的东西。将页面分成两个相同的部分。
代码如下所示:
<body>
<div class="row">
<div class="col-lg-6">
LEFT ONE
</div>
<div class="col-lg-6">
RIGHT ONE
</div>
</div>
</body>
问题:
尽管它将页面分成两部分，但它也会在 X 行上造成一些溢出。我试图找到原因并注意到如果我同时计算这两个 <div class="col-lg-6">它的宽度比父代 <div class="row"> 稍大.
片段:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
</head>
<body>
<div class="row">
<div class="col-lg-6">
LEFT ONE
</div>
<div class="col-lg-6">
RIGHT ONE
</div>
</div>
</body>
</html>你知道我做错了什么吗？ 谢谢。
最佳答案
您忘记放置 container 或 container-fluid 类。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-lg-6">
LEFT ONE
</div>
<div class="col-lg-6">
RIGHT ONE
</div>
</div>
</div>
</body>
</html>关于html - Bootstrap 4 beta - cols 计算不正确，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46618014/