引导按钮无法正确显示

Question

我的问题

我正在尝试在导航栏中间添加 3 个大按钮（摘要、生成器、历史记录）。下图是我的理想结果。我想要一个没有底部边框的活动的。

我已经尝试了所有我能想到的方法来让它发挥作用。当我在你认为应该去的地方添加一个按钮时，我得到的是：

注意黄色椭圆，那是我的按钮结束的地方！！我不知道我做错了什么。

这里是页面的链接，这里贴代码太长了：

http://johntesting.azurewebsites.net/workflow-blue/blank-backup.html

谁能帮我解决这些按钮？我一直在疯狂地试图弄清楚这一点。

感谢收看。

约翰

Answer 1

在您的“.page_title”div 上设置display:flex; 以立即看到按钮更接近您期望的位置。该 div 的第一个子元素是一个 h3，它是一个填充整个 div 的块元素，没有为您的按钮留下空间，导致它们被推到下一行。

另一种方法是将 h3 的 display 属性设置为 inline-block。