[btn btn-secondary不在中显示

Question

                <ul>                   
                    <li><a href="contact.html"> Contact Us <span class="horizontal-arrow"></span></a></li>
                    <li class="d-lg-none mt-5 pb-2 mt-lg-0">
                        <span><a class="btn btn-secondary ad-post mt-1" href="ad-posts.html"><i class="fa fa-briefcase"></i> Submit a Job</a></span>
                    </li>
                    <li class="d-lg-none mt-0 pb-5 mt-lg-0">
                        <span><a class="btn btn-info ad-post mt-1" href="create-resume.html"><i class="fa fa-edit"></i> Create Resume</a></span>
                    </li>
                </ul>
                <ul class="mb-0 pr-2">
                    <li class="d-none d-lg-flex">
                        <span><a class="btn btn-secondary ad-post mt-1"  href="#"><i class="fa fa-briefcase"></i> Submit a Job</a></span>
                    </li>
                </ul>
                <ul class="mb-0 pl-2 create-resume-btn">
                    <li class="d-none d-lg-flex">
                        <span><a class="btn btn-info ad-post mt-1"  href="#"><i class="fa fa-edit"></i> Create Resume</a></span>
                    </li>
                </ul> 

我正在重新制作模板，并且整个html / css完全相同，但是按钮在我的代码中没有像在原始代码中那样显示。我尝试将我的引导程序更新到最新的稳定版本。在Visual Studio 2019中工作。

Answer 1

下面是解决方案-

[第一个li中的ul具有类别class="d-lg-none"，因此它们在大屏幕上不可见，即宽度> 992px，并且仅在小屏幕上可见。

并且第二和第三li中的ul具有class="d-none d-lg-flex"，因此由于d-lg-flex，它们将在小屏幕上不可见，而仅在大屏幕上可见。

因此，如果您删除该类，那么一切都会正常进行。

            <ul>
                <li><a href="contact.html"> Contact Us <span class="horizontal-arrow"></span></a></li>
                <li class=" mt-5 pb-2 mt-lg-0">
                    <span><a class="btn btn-secondary ad-post mt-1" href="ad-posts.html"><i class="fa fa-briefcase"></i> Submit a Job</a></span>
                </li>
                <li class=" mt-0 pb-5 mt-lg-0">
                    <span><a class="btn btn-info ad-post mt-1" href="create-resume.html"><i class="fa fa-edit"></i> Create Resume</a></span>
                </li>
            </ul>
            <ul class="mb-0 pr-2">
                <li class=" d-lg-flex">
                    <span><a class="btn btn-secondary ad-post mt-1"  href="#"><i class="fa fa-briefcase"></i> Submit a Job</a></span>
                </li>
            </ul>
            <ul class="mb-0 pl-2 create-resume-btn">
                <li class="d-lg-flex">
                    <span><a class="btn btn-info ad-post mt-1"  href="#"><i class="fa fa-edit"></i> Create Resume</a></span>
                </li>
            </ul>

[如果您仍然遇到问题，请告诉我。