html - 如何使用引导程序增加 div 和导航栏之间的距离/空间？

Question

我是引导程序的初学者，但我正在努力学习基本的东西，但仍然找不到我的问题的答案。我的问题是：如何增加 div 和导航栏之间的距离/空间（我不知道是边距还是填充）？如果可能，请在下面查看我的代码。提前致谢！

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

<style>
.marcador {
border: 1px solid red;
}

.foto {
border: 1px solid blue;
height: 500px;
margin: 15px;
}

.textobio {
border: 1px solid yellow;
margin: 15px;
}
</style>

<!-- menu -->
<nav class="navbar navbar-expand-sm bg-light">

    <div class="container">

        <a href="index.php" class="navbar-brand">
            Spotify
        </a>

        <ul class="navbar-nav">

            <li class="nav-item">
                <a class="nav-link" href="?name=galeria">Galeria</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="?name=biografia">Biografia</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="?name=contato">Contato</a>
            </li>

        </ul>

    </div>

</nav>
<!-- end of menu -->


<!-- picture & bio -->
<div class="container marcador">

    <div class="row">

        <div class="col-md-4 foto">
            <img class="img-fluid" src="no-picture-yet">
        </div>

        <div class="col-md-7 textobio">
            Some text.
        </div>

    </div>

</div>
<!-- end of picture & bio -->

标签： htmlcsstwitter-bootstrapmarginpadding