html - 有什么简单的方法可以将按钮和标题一起放置在 Flask 应用程序的网页中心垂直对齐?

标签 html css bootstrap-4 google-web-designer

我正在尝试对齐我们在标题部分定义的标题和在正文部分定义的按钮对齐网页的中心。在 Flask 应用程序中,是否有任何简单的方法可以将按钮和标题一起垂直对齐放置在网页的中心?

如何在 Bootstrap4 中将标题和按钮对齐到页面的中心??

{% extends 'base.html' %}

{% block head %}

    <h1 align="center"> Please Select A Option </h1>

{% endblock %}

{% block body %}


    <form method="post">
    <input type="submit" class="btn btn-primary btn-lg " name="Enter Logs/Facts" value="Enter Logs/Facts">
    <br>
    <br>
    <input type="submit" class="btn btn-secondary btn-lg " name="View Templates" value="Templates">
    </form>


{% endblock %}

{% block content %}

{% endblock %}

Below Is the Screenshot of the curent HTML page

最佳答案

阅读https://getbootstrap.com/docs/4.0/layout/grid/

有一部分是关于如何使用 justify-content-center 类将 div 水平居中

关于html - 有什么简单的方法可以将按钮和标题一起放置在 Flask 应用程序的网页中心垂直对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58959297/

相关文章:

javascript - 在javascript中设置 margin 日历

javascript - 如何制作一个 <canvas> 以便用户能够在其中绘图?使用 jQuery/JavaScript

javascript - 没有id的div的淡入效果

html - Bootstrap 4 导航栏,无法删除填充

html - 主页中的背景图像不起作用?

jquery - 如何捕捉不同级别 div 的悬停?

html - 使用 CSS 在鼠标离开区域后淡出鼠标悬停时显示的图像

javascript - 淡化背景图像,图像在顶部

html - 为什么bootstrap简单的全宽布局会导致溢出

html - Mozilla 媒体查询移动 View