Ruby on rails 引导内嵌表单按钮

如图所示，“我的”按钮彼此不对齐，“取消”按钮的大小远远超过了它应有的大小

这是我当前使用的代码：

<div class="form-group row">
  <div class="col-sm-offset-2 col-sm-10">
    <%= button_tag t('btn.save'), class: 'btn btn-brand-color', type: 'submit' %>
    <%= link_to t('btn.cancel'), :back, class: 'btn btn-default' %>
  </div>
</div>

---

我想要的是让这两个按钮彼此相邻，最好使用已经存在的引导类。

我以前从未使用过ruby on rails。但是如果你得到了这个，也许你应该创建一个新的CSS类，并在按钮上包含

显示：内联块

&确保按钮的宽度没有按照注释设置为

宽度：100%

-你有一个链接（a）声明，设置为100%

• 提示——使用浏览器检查器可以最容易地找出哪个类和哪个css文件覆盖了您的意图

对于将来的其他人：如果对某个类是否是普通引导有任何疑问，或者您无意中覆盖了一个您不打算覆盖的类，您可以通过检查html行或元素来查看引导的本机行为，右键单击-然后单击“复制为html”

在本例中，输出将是

<div class="form-group row">
  <div class="col-sm-offset-2 col-sm-10">
    <button name="button" type="submit" class="btn btn-brand-color"><span class="translation_missing" title="translation missing: en.btn.save">Save</span></button>
    <a class="btn btn-default" href="javascript:history.back()"><span class="translation_missing" title="translation missing: en.btn.cancel">Cancel</span></a>
  </div>
</div>

拯救

---

将其粘贴到中，然后单击Run--这是样式干扰的一个很好的指示器（另外，Bootply允许您更改引导的版本以匹配您自己的版本。

这不是rails的问题-按钮标记代码只是输出一个带有您提供的选项的。这两个对象、按钮和链接应该与vanilla bootstrap以内联方式显示。因此看起来您已经更改了一些内容，特别是，您有一个

a

decl宽度为100%的css中的aration是的，这不是rails的问题-我只是将其添加为标记，因为我正在使用rails代码。是的，您是正确的-我发现一个声明将默认按钮设置为宽度：100%。感谢您指出：）请随意添加它作为答案，我会接受它。