在侧边栏导航bootstrap4中的链接之间放置空格

Question

我设计了带有链接的边栏，并尝试在我尝试添加的每个链接之间留出空间

  .sidebar-nav>li>a{  padding-bottom: 500px; }

它没有调整可以使用什么替代方法来调整它，请参阅下面的完整代码...

 <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>

Answer 1

不知道这是否是您要寻找的解决方案，但添加一个：

</br>

之前

<li>

在下一行之前添加一个空格。试试吧！