将Navbar高度设置为69px;
在您的CSS文件中,只需写入
.navbar{
}
<div class="tab-content text-muted">
<div class="tab-pane active" id="today" role="tabpanel">
<div class="profile-timeline">
<div class="accordion accordion-flush" id="todayExample">
<div class="accordion-item border-0">
<div class="accordion-header" id="headingOne">
<a class="accordion-button p-2 shadow-none" data-bs-toggle="collapse" href="#collapseOne" aria-expanded="true">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="assets/images/users/avatar-2.jpg" alt="" class="avatar-xs rounded-circle material-shadow">
</div>
<div class="flex-grow-1 ms-3">
<h6 class="fs-14 mb-1">
Jacqueline Steve
</h6>
<small class="text-muted">We has changed 2 attributes on 05:16PM</small>
</div>
</div>
</a>
</div>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body ms-2 ps-5">
In an awareness campaign, it is vital for people to begin put 2 and 2 together and begin to recognize your cause. Too much or too little spacing, as in the example below, can make things unpleasant for the reader. The goal is to make your text as comfortable to read as possible. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- end card body -->
</div><!-- end card -->
</div><!-- end col -->
</div>