我正在尝试找到一种将一栏分为两部分的方法。
最终目标是在每个区域中显示三个完全不同的内容。
例如，区域1中的PDF，区域2中的pdf和区域3中的视频。
响应性并不是真正需要的，因为它只能在1号屏幕上查看！
我附了一张照片：
<body>
<section class="intro">
<row>
<div class="col-lg-6 col-sm-12 left">
<p>
Area 1
</p>
</div>
<div class="col-lg-6 col-sm-12 right">
<div class="col-lg-6">
<p>
Area 2
</p>
</div>
<div class="col-lg-6">
<p>
Area 3
</p>
</div>
</div>
</row>
</body>
最佳答案
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
<div class="row text-center no-gutters">
<div class="col bg-danger">
Area 1
</div>
<div class="col">
<div class="col bg-success">
Area 2
</div>
<div class="col bg-primary ">
Area 3
</div>
</div>
</div>
</body>
</html>也许这可以帮助:)