为什么导航链接中的文字没有出现？

Question

我使用引导标签，但导航链接中的文字没有出现。你知道为什么吗？

实施例：https://jsfiddle.net/o1w0m4os/

HTML：

<ul class="nav nav-pills bg-light-gray" role="tablist">
    <li class="">
        <a class="nav-link active" href="#tab1" data-toggle="tab" role="tab">
            <span class="d-none d-lg-inline-block">tab 1</span>
        </a>
    </li>
    <li class="disabled">
        <a class="nav-link" href="#tab2" data-toggle="tab" role="tab">
            <span class="d-none d-lg-inline-block">tab 2</span>
        </a>
    </li>
    <li class="disabled">
        <a class="nav-link" href="#tab3" data-toggle="tab" role="tab">
            <span class="d-none d-lg-inline-block"> tab 3</span>
        </a>
    </li>
</ul>