Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 如何对齐输入字段并移除按钮茧_Ruby On Rails_Ruby_Twitter Bootstrap_Haml_Cocoon Gem - Fatal编程技术网

Ruby on rails 如何对齐输入字段并移除按钮茧

Ruby on rails 如何对齐输入字段并移除按钮茧,ruby-on-rails,ruby,twitter-bootstrap,haml,cocoon-gem,Ruby On Rails,Ruby,Twitter Bootstrap,Haml,Cocoon Gem,我正在尝试对齐输入字段并删除嵌套表单上的按钮。我正在使用rails 4、haml、BS4和cocoon。这就是我所拥有的: _form.html.haml _bp_fields.html.haml 更新定义“对齐”:您希望它们在一列或一行中对齐吗?您使用按钮的高度,应该是宽度?我添加了正在发生的事情的屏幕截图。我希望删除按钮在文本框所在的行中居中,而不是在它下面定义“对齐”:您希望它们在一列或一行中对齐吗?您使用按钮的高度,应该是宽度?我添加了正在发生的事情的屏幕截图。我希望删除按钮位于文本框所

我正在尝试对齐输入字段并删除嵌套表单上的按钮。我正在使用rails 4、haml、BS4和cocoon。这就是我所拥有的:

_form.html.haml _bp_fields.html.haml
更新

定义“对齐”:您希望它们在一列或一行中对齐吗?您使用按钮的
高度
,应该是
宽度
?我添加了正在发生的事情的屏幕截图。我希望删除按钮在文本框所在的行中居中,而不是在它下面定义“对齐”:您希望它们在一列或一行中对齐吗?您使用按钮的
高度
,应该是
宽度
?我添加了正在发生的事情的屏幕截图。我希望删除按钮位于文本框所在行的中心,而不是位于文本框下方
    .row-fluid
        .col-md-12
            %h3 Bullet Points
            #bps-form
                = f.simple_fields_for :bps do |bp|
                    = render 'bp_fields', f: bp
                .links
                = link_to_add_association 'Add Bp', f, :bps,  class: 'btn btn-secondary add-button'
.form-inline.clearfix
    .row
        .nested-fields
            = f.input :bp,  placeholder: "Enter a bullet point", label: false, input_html: { class: "form-input form-control", style: 'width:80%;'}

            = link_to_remove_association "Remove", f, class: "form-control btn btn-secondary", style: 'height:20%; display:inline; float:right;'