如何使链接仅出现在移动设备上而不显示在桌面上?

时间:2018-08-01 11:22:23

标签: twitter-bootstrap mobile navbar

说我有一个标准的引导导航栏,该导航栏在移动设备上会崩溃。当前,桌面导航栏中的所有内容都会显示在移动设备上。如何使“联系我们”仅出现在移动设备上而不显示在桌面导航栏中?

谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用显示类。下面的示例将在中等断点处向上隐藏<li>元素。

https://getbootstrap.com/docs/4.1/utilities/display/

<ul>
<li class="d-md-none"><a href="/contact">Contact</a></li>
</ul>