html - 引导按钮无法正确显示

Question

我的问题

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

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

注意黄色椭圆形，那是我的按钮结束的地方！！我无法弄清楚我做错了什么。

这是该页面的链接，因为在此处发布代码会太长：

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

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

感谢您的关注。

约翰

标签： htmlcsstwitter-bootstraptwitter-bootstrap-3

Answer 1

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

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