I experimented with this approach to get them side by side
- Below is the CSS I attempted using form-inline and display:inline, but neither worked as expected
Button Code:
<td>
<div class="container ">
<a href="/miembros/{{$item->id_miembro}}/correos" class="btn btn-dark btn-sm">View</a>
<a href="/correos/create" class="btn btn-dark btn-sm">Add</a>
</div>
</td>
Here's my custom CSS code:
<style>
body {
padding-top: 56px;
background-image: url("/fondoevento.jpg");
background-size: cover;
}
.dropnegro{
color: #141519;
text-align: center;
}
nav.navbar {
background: #141519;
background: linear-gradient(to right, #424448, #B7BCCD);
}
.tamano{
font-size: 16px;
}
.tope{
margin-top: 10px;
}
.centro{
text-align: center;
}
.in{
display: inline;
}
</style>