您缺少引导程序的链接。您可以在此处了解如何开始使用引导程序:Bootstrap Get started
您还可以在此处了解不同的网格系统:Bootstrap Grid
现在此代码应该可以工作:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
</head>
<body>
<div class="row">
<div class="col col-lg-6">
<h3>HOME</h3>
<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col col-lg-6"><img src="imgs/tabs/left-1.png"></div>
</div>
</body>
</html>
编辑:
在您提供的网站链接中,行类未正确设置为父div。
请将类“ col-lg-12”更改为“ row”,如下所示:
<div class="row">
<div class="col-lg-6">
<h3>HOME</h3>
<p>Lorem ipsum dolor sit amet,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-lg-6"><img src="imgs/tabs/left-1.png" class="img-fluid"></div>
</div>
,
Col工作正常,您需要检查CDN的引导程序。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
,
尝试以下:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<div class="row">
<div class="col col-lg-12">
<div class="col col-lg-6">
<h3>HOME</h3>
<p>Lorem ipsum dolor sit amet,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="col col-lg-6"><img src="imgs/tabs/left-1.png"></div>
</div>
</div>
本文链接:https://www.f2er.com/3090487.html