Estoy intentando justificar el contenido de un <div>
a la derecha con Bootstrap, pero no se por qué no funciona.
El código es una simplificación de lo que yo estoy haciendo:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="cssBootstrap/bootstrap.min.css">
<script src="jsBootstrap/jquery-3.4.1.min.js"></script>
<script src="jsBootstrap/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="jquery-latest.js"></script>
</head>
<body>
<div class="container my-1">
<div class="row">
<div class="col-6 bg-danger justify-content-start">
<input type="checkbox" id="terminos" name="terminos"><label for="terminos">He leido los terminos</label>
</div>
<div class="col-6 bg-warning justify-content-end">
<input type="submit" id="pagar" name="pagar" value="Confirmar pedido">
</div>
</div>
</div>
</body>
</html>
d-flex
al elementodiv
de la columna:<div class="col-6 bg-warning d-flex justify-content-end">
. De hecho la primera columna también deberías añadirle esa clase. Saludos.d-flex
. Puedes ver más info acá: getbootstrap.com/docs/4.6/utilities/flex/#justify-content