css bootstrap ，对齐 div 容器中的按钮

Question

所以问题来了 我想在 div 中对齐我的按钮 这里的结果 my view

我尝试了一些 CSS，但它不起作用 现在我没有为此 div 使用任何自定义 css

这是我的刀片文件

 <td>
                          <div class="container">


                            <form method="POST" action="{{ route('users.destroy',$user->id) }}">
                              {{ csrf_field() }}
                              {{ method_field('delete') }}


                                  {{-- <!––  //With the <a> tag you are sending a get request.
                                  that's why we changed it like that because the destroy method require a DELETE request
                                  thank you stackoverflow you saved me  ––> --}}
                              <button type="submit"   class="btn btn-danger" ><i class="fa fa-trash-o" aria-hidden="true"></i>
                              </button> 
                            </form>
                           <a href="{{ route('users.show',$user->id) }}"><button  type="button" class="btn btn-primary"><i class="fa fa-info-circle" aria-hidden="true"></i></button>
                            <a href="{{ route('users.edit',$user->id) }}"> <button  type="button" class="btn btn-warning"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button>

                            </div>
                          </td>

Answer 1

将text-nowrap 类添加到表单中，它们将在一行中。