CSS: Put two bootstrap buttons side by side

2

The buttons look like this:

What CSS rules would I have to put them in so that they would be next to each other?

<td>
        <a href="{{ route('admin.admins.show', $admin->id)}}" class="btn btn-info btn-sm">View</a>
        <form method="POST" action="{{route('admin.admins.destroy',$admin->id)}}" onsubmit="return ConfirmarBorrar()">
    		<input type="submit" value="Delete" class="btn btn-danger btn-sm">
    		<input type="hidden" name="_token" value="{{Session::token()}}">
    		{{method_field('DELETE')}}
   		</form>
    </td>
    
asked by Lluís Puig Ferrer 08.09.2017 в 09:42
source

2 answers

6

Do it like this, put it inside:

<td>
    <form method="POST" action="{{route('admin.admins.destroy',$admin->id)}}" onsubmit="return ConfirmarBorrar()">
        <a href="{{ route('admin.admins.show', $admin->id)}}" class="btn btn-info btn-sm">View</a>
        <input type="submit" value="Delete" class="btn btn-danger btn-sm">
        <input type="hidden" name="_token" value="{{Session::token()}}">
        {{method_field('DELETE')}}
    </form>
</td>

I do not think you have any problems ..

    
answered by 08.09.2017 / 10:01
source
3

I think what you're looking for is display: inline-block

Try doing something similar to this:

.linea
{
    display: inline-block;
}
<button type="submit" class="linea">Boton1</button>
<button type="submit" class="linea">Boton2</button>
    
answered by 08.09.2017 в 09:55