Javascript 在laravel中创建固定支撑按钮

Javascript 在laravel中创建固定支撑按钮,javascript,html,css,laravel,bootstrap-4,Javascript,Html,Css,Laravel,Bootstrap 4,我应该在我的主页上创建一个固定按钮。 意味着一个按钮已经存在,当点击该按钮时,将在按钮上方打开一个支持页面 我在web上看到了一些这样的例子,但我不能使用它们,我真的很困惑,因为代码是嵌入的,并且有复杂的Java脚本 我请求您提供解决此问题的资源 不需要太复杂,只需要功能和美观 例如,按钮如下所示: 页面如下: 非常感谢。您可以通过引导模式进行操作。在bootstrap文档站点上,有一个示例,其中模式的样式设置为在屏幕上居中: 您可以应用自定义样式,使其显示在屏幕的右下角 结构 jsfiddle

我应该在我的主页上创建一个固定按钮。 意味着一个按钮已经存在,当点击该按钮时,将在按钮上方打开一个支持页面

我在web上看到了一些这样的例子,但我不能使用它们,我真的很困惑,因为代码是嵌入的,并且有复杂的Java脚本

我请求您提供解决此问题的资源

不需要太复杂,只需要功能和美观

例如,按钮如下所示:

页面如下:


非常感谢。

您可以通过引导模式进行操作。在bootstrap文档站点上,有一个示例,其中模式的样式设置为在屏幕上居中:

您可以应用自定义样式,使其显示在屏幕的右下角

结构 jsfiddle:


当然,如果您想创建完全相同的样式,您需要花时间自己创建样式。

请发布您的代码。这与Laravel无关。您可以使用jquery和bootstrap实现这一点。学这个没什么大不了的。这是前端编程。@hev1我现在没有代码,我真的很困惑。如果可能的话,给我这个问题的来源。感谢you@DimitriMostrey我知道这个问题可以用jquery解决,但不幸的是我不能解决这个问题。您有任何用于此的sourcelink或模板吗?谢谢你的回答。@AbolfazlPourrezaeian:类似引导模式的东西?你的解决方案非常好,我能够按照你的指导方针解决我的问题。非常感谢你。
<header>
    <nav></nav>
</header>
<main></main>
<footer></footer>

<button id="support-modal-launcher" data-toggle="modal" data-target="#support-modal">
    Support
</button>

<!-- Modal -->
<div class="modal fade" id="support-modal"></div>
body {
    position: relative;
}

footer {
    padding: 2rem 0;
    margin-top: 3rem;
}

#support-modal-launcher {
    position: fixed;
    bottom: 2rem;
    right: 2.5rem;
}

#support-modal .modal-dialog {
    margin-right: 1rem;
    display: flex;
    align-items: flex-end;
    height: calc(100vh - (1.75rem * 2));
}