Buen dia,
Tengo 3 botones los cuales quiero que se me muestren en un navegador de escritorio como chrome, los 3 en linea horizontal pero no que salgan tan separados uno del otro ya que si aplico la clase col de separacion 4 para cada div que estan dentro del div row, se ponen en horizontal como quiero pero uno al lado izquierdo, el otro en el centro y el otro casi al extremo derecho.. que podria hacer para que aparezcan horizontalmente pero que esten separados ligeramente?
aqui dejo el codigo sin la modificacion 4 4 4, como esta el codigo me los muestra uno sobre el otro y en la parte web de un movil lo muestra tambien uno sobre el otro
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="container">
<div class="row">
<div class="col">
<button type="button" onclick='consultar()'>Solicitadas</button>
</div>
<div class="col">
<button type="button" onclick='consultar2()'>Solicitadas</button>
</div>
<div class="col">
<button type="button" onclick='consultar3()'>Solicitadas</button>
</div>
</div>
</div>
</body>
</html>