Bootstrap 样式的按钮未应用于 Phoenix 删除链接答案

【问题标题】：Bootstrap styled button not being applied to Phoenix delete linkBootstrap 样式的按钮未应用于 Phoenix 删除链接
【发布时间】：2017-01-14 10:58:49
【问题描述】：

Elixir 版本：1.3.2
凤凰版：1.2.1
NodeJS 版本：4.4.6
NPM 版本：3.10.6
早午餐版本：2.7.4
操作系统：Mac OSX

我正在尝试使用 Phoenix 的 link helper function 创建一个简单的链接。

<li><%= link "Logout", to: session_path(@conn, :delete, user), method: :delete %></li>

渲染

<form action="/logout/1" class="link" method="post">
  <input name="_method" type="hidden" value="delete">
  <input name="_csrf_token" type="hidden" value="VhxiLApJElIS...removed for clarity">
  <a data-submit="parent" href="#" rel="nofollow">Logout</a>
</form>

按钮工作正常，用户注销，但未应用按钮的样式。见下文：

“注销”按钮应与“主页”按钮等悬停效果对齐并包含悬停效果。 什么是删除注销按钮的样式？

当用户注销时样式返回：

以下是删除链接功能的其他相关问题。

这是我根据发现的其他问题尝试过的：

运行brunch build- 编译成功
将link函数更改为button

希望这是足够的信息来获得一些输入。

【问题讨论】：

标签： npm elixir phoenix-framework brunch

【解决方案1】：

删除链接确实创建了一个表单，这是意料之中的。如果您查看生成器创建的内容，如下所示：

<%= link "Delete", to: schedule_path(@conn, :delete, schedule), method: :delete, data: [confirm: "Are you sure?"], class: "btn btn-danger btn-xs" %>

您不能直接从锚点调用删除或发布方法，因此 Phoenix 为您制作了一个表单。这是一个方便的功能，但一开始可能会令人困惑。因此，如果表单无法正常工作，问题可能出在您的控制器中，而不是表单本身。

【讨论】：

嘿@dds1024 所以我在问这个问题时转移了一点，忘记提到链接确实有效，但按钮的样式已关闭。请参阅上面的更新。谢谢。
好吧，抱歉，这是一个完全不同的问题。您要么必须编写一些 CSS 来覆盖表单，要么走不同的路线并实际使用被 javascript 拦截并使用 ajax 提交的链接。与 Rails 类似：stackoverflow.com/questions/25309599/… 或 stackoverflow.com/questions/12429066/…