在Bootstrap 4.5上只有1列滚动，而其余的都是粘滞的
，可以通过以下方式实现：
- 首先，确保你已经引入了Bootstrap 4.5的CSS和JavaScript文件。
- 在HTML文件中，创建一个包含所有列的容器。可以使用
<div>元素，并为其添加适当的类名，如container或container-fluid。 - 在容器内部，创建一个包含所有列的行。可以使用
<div>元素，并为其添加适当的类名，如row。 - 在行内，创建一个滚动的列。可以使用
<div>元素，并为其添加适当的类名，如col。同时，为该列添加一个自定义的类名，如scrollable-column。 - 在滚动的列内部，添加内容或其他需要滚动的元素。
- 在行内，创建其他粘滞的列。可以使用
<div>元素，并为其添加适当的类名，如col。这些列将会自动填充剩余的空间，并保持粘滞的效果。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Sticky and Scrollable Columns</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col scrollable-column">
<!-- 滚动的列内容 -->
</div>
<div class="col">
<!-- 粘滞的列内容 -->
</div>
<div class="col">
<!-- 粘滞的列内容 -->
</div>
<!-- 添加更多粘滞的列 -->
</div>
</div>
</body>
</html>在上述示例中，滚动的列使用了自定义的类名scrollable-column，你可以根据需要自行修改。其他粘滞的列将会自动填充剩余的空间。
请注意，这只是一种实现方式，你可以根据具体需求进行调整和扩展。同时，如果需要更多关于Bootstrap的信息，你可以参考腾讯云的Bootstrap产品介绍页面：Bootstrap产品介绍。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
