使用以下内容显示宽度固定的按钮:
f.button :submit, class: "btn btn-primary"
但是,下一个示例显示一个宽度等于其父容器的按钮:
f.submit 'Submit', class: "btn btn-primary"
如何在第二个示例中更改按钮的宽度?添加CSS类的宽度并不是诀窍。
f.submit 'Submit', class: "submit"
.submit {
@extend .btn;
@extend .btn-primary;
width: 40px;
}