rails 6
bootstrap
simple_form

我有一个views / books / index.html / slim，如下所示：

#BooksIndex
  table.table.table-striped.table-hover
    thead
      tr.d-flex
        th.col-10
          = t('books.name')
        th.col-1
        th.col-1
    tbody
      - @Books.each do |Book|
        tr.d-flex
          td.col-sm-10 = Book.name
          td.col-sm-1 = link_to edit_Book_path(Book)
            i.fas.fa-edit.fa-lg
          td.col-sm-1 = link_to Book,data: { confirm: t('are_you_sure') },method: :delete
            i.fas.fa-trash-alt.fa-lg
#AddBookForm
  = simple_form_for(@Book || Book.new) do |f|
    .form-inputs
      = f.input :name,placeholder: t('Books.views.index.enter_name_of_Book_you_like_to_add'),label:false
    span.form-actions
      button.btn.btn-primary type="submit"
       = "Create Book"

#AddBookForm产生以下视图：

我提交时会产生以下内容：

Started POST "/Books" for 127.0.0.1 at 2020-03-12 12:46:44 -0700
Processing by BooksController#create as HTML
  Parameters: {"authenticity_token"=>"....","Book"=>{"name"=>"Fun"}}

我想在文本输入字段的末尾具有“提交”按钮，如下所示：

我尝试了跨度的不同变化，并使用了列，但是它总是显示在下一行。有什么想法吗？