Css 轨道5+；引导4按钮对齐/位置问题

代码

如下图所示（

show

action），编辑和删除按钮位于垂直位置。 我想根据下面的第二幅图更改位置，即两个按钮都与测试对齐

show.html.erb

：

<header>
  <h1><%= @category.name %></h1>

  <ul class="actions">
    <li><%= link_to "Edit Category", edit_category_path(@category),
            class: "edit"  %></li>

    <li><%= link_to "Delete Category", category_path(@category),
       method: :delete,
       data: { confirm: "Are you sure you want to delete this category?" },
        class: "delete" %></li>
  </ul>
</header>

这就是它现在的样子

这就是我想要的

1。简单的方法是： 要在一行中显示“编辑类别”和“删除类别”，只需删除

标记。可能是这样的：

<div class="row">
  <%= link_to "Edit Category", edit_category_path(@category),
            class: "edit"  %> 
  ...
</ul>

...

---

2.应用CSS： 假设您不能更改

标记，您可以将此样式应用于CSS：

ul { list-style: none; }    /* Remove list bullets */
ul li { display: inline; }  /* Display <li> elements as inline elements */

ul{list style:none；}/*删除列表项目符号*/
ul li{display:inline；}/*将
元素显示为内联元素*/

有什么特别的理由让您有

？？可以更改？？实际上，删除

s解决了这个问题。。。但我在《行动手册》中遵循了Rails 4，他们使用了

s，但使用了bootstrap 3。你能不能把你的评论作为一个答案，这样我就可以接受了？非常感谢！：）让我添加另一个解决方案，这可能对您有帮助。酷！那太好了！

ul { list-style: none; }    /* Remove list bullets */
ul li { display: inline; }  /* Display <li> elements as inline elements */