在sidebar-nav 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>

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