Question

我又发现自己陷入困境，需要帮助。当在iphone上查看页面时，如何隐藏我的一个boostrap4导航链接（Link2）？任何帮助深表感谢。提前谢谢。

<div class="collapse navbar-collapse justify-content-end" id="navigation">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#tab-1">Link1</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#tab-2">Link2</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#tab-4">Link3</a>
                    </li>
                </ul>
            </div>

Answer 1

使用自适应display utility classes ...

<li class="nav-item d-none d-sm-inline">
   <a class="nav-link" data-toggle="tab" href="#tab-2">Link2</a>
</li>

d-none =隐藏xs
d-sm-inline =显示小而快

Demo

在iphone上查看页面时隐藏Bootstrap4导航链接

1 个答案: