Untitled

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Aula Bootstrap</title>
<link rel="stylesheet" href="bootstrap-4.3.1-dist/css/bootstrap.min.css">
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="bootstrap-4.3.1-dist/js/bootstrap.min.js"></script>

<link href="estilo.css" rel="stylesheet" type="text/css">
<script src="js/acoes.js"></script>
</head>

<body>

    <div id="page" class="container">

        <div class="row">

            <div class="coluna1 col-sm-2">
                teste!
            </div>

            <div class="coluna2 col-sm-10">
                teste!
            </div>

        </div>

        <div class="row">

            <div class="coluna3 col-md-4">
                aqui vem um texto
            </div>

            <div class="coluna4 col-md-8">
                aqui vem o video
            </div>

        </div>

    </div>

</body>
</html>