时间戳

首页 > 解决方案 > 绝对左下角的引导按钮位置

html - 绝对左下角的引导按钮位置

问题描述

我使用 Django 作为 Web 框架和 Bootstrap 以获得更好的前端渲染。我正在尝试在我的页面上放置一个“添加”按钮，该按钮应始终位于左下角。从用户的角度来看，即使在滚动时它也应该固定在角落；并覆盖任何其他内容。

如果可能的话，我想要 Bootstrap 的内置功能并避免自定义 CSS（到目前为止，我还没有）。

我不太明白如何使用此处描述的引导定位。

这添加了我的按钮，但我该如何配置它的位置？class="position-absolute"似乎什么也没做。

<div class="position-absolute">
    <a href="{% url 'app:add' %}"><i class="fas fa-plus-circle fa-3x"></i></a>
</div>

标签： htmlcsstwitter-bootstrapbootstrap-4css-position

解决方案

<a href="{% url 'app:add' %}" style="position:absolute;bottom:5px;left:5px;margin:0;padding:5px 3px;"><i class="fas fa-plus-circle fa-3x"></i></a>

推荐阅读