引导导航:链接之间的相同空间

Question

我有这个网站http://sg.nowcommu.myhostpoint.ch/，正如你可以看到在导航之间的空间链接是不同的。

如何在<li>元素之间设置相同的空间？

HTML:

<div class="navbar navbar-fixed-top" data-activeslide="1">
    <div class="container">


        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>


        <div class="nav-collapse collapse navbar-responsive-collapse">
            <ul class="nav row">

                <li data-slide="4" class="col-12 col-sm-2"><a id="menu-link-4" href="#slide-4" title="Next Section"> <span class="text">Mental Coaching</span></a></li>
                <li data-slide="5" class="col-12 col-sm-2"><a id="menu-link-5" href="#slide-5" title="Next Section"> <span class="text">Personal Training</span></a></li>
                <li data-slide="6" class="col-12 col-sm-2"><a id="menu-link-6" href="#slide-6" title="Next Section"> <span class="text">Ernährungsberatung</span></a></li>
                <li data-slide="9" class="col-12 col-sm-2"><a id="menu-link-9" href="#slide-9" title="Next Section"> <span class="text">Philosophie</span></a></li>
                <li data-slide="7" class="col-12 col-sm-2"><a id="menu-link-8" href="#slide-7" title="Next Section"> <span class="text">Feedback</span></a></li>
                 <li data-slide="8" class="col-12 col-sm-2"><a id="menu-link-9" href="#slide-8" title="Next Section"> <span class="text">Kontakt</span></a></li>
            </ul>

        </div><!-- /.nav-collapse -->
    </div><!-- /.container -->
</div><!-- /.navbar -->

Answer 1

它们的间距是相等的，但由于第三里文本比其他的长，所以它显示出更多的空间。

见下面的CSS

.nav > li > a : padding:10px 0;