使用Bootstrap 4创建完整高度或高度的div内容可以通过以下步骤实现:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/css/bootstrap.min.css">
<div class="container-fluid">
<!-- 内容 -->
</div>
这里使用了class为"container-fluid"的div容器,它会占据整个屏幕的宽度。
例如,要创建一个高度为100%的div,可以在div容器中添加class为"h-100":
<div class="container-fluid h-100">
<!-- 内容 -->
</div>
完整的示例代码如下:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 4</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/css/bootstrap.min.css">
</head>
<body>
<div class="container-fluid h-100">
<!-- 内容 -->
</div>
</body>
</html>
这样就可以使用Bootstrap 4创建一个完整高度或高度的div内容了。
推荐的腾讯云相关产品和产品介绍链接地址:
Elastic 实战工作坊
Elastic 实战工作坊
TechDay
DBTalk
北极星训练营
云+社区技术沙龙[第14期]
云+社区开发者大会(杭州站)
腾讯云GAME-TECH游戏开发者技术沙龙
腾讯云GAME-TECH游戏开发者技术沙龙
Elastic 中国开发者大会
DB TALK 技术分享会
领取专属 10元无门槛券
手把手带您无忧上云