I created a sidebar containing links and I am attempting to add space between each link. Here is the code snippet I have tried:
.sidebar-nav>li>a{ padding-bottom: 500px; }Unfortunately, this code is not producing the desired result. Are there any alternative methods that can be used to adjust the spacing? See the full code below:
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-md-2">
<ul class="navbar sidebar-nav">
<li class="active"><a href="#">Reports</a></li>
<li><a href="#">Reports</a></li>
<li><a href="#">Reports</a></li>
</ul>
</div>
<div class="col-sm-9 col-md-10"></div>
</div>
</div>