平板电脑Scree上的Bootstrap 4 Navbar更高

Question

我正在将Bootstrap 4用于我的个人网站。我遇到的问题是在平板电脑上，顶部菜单分为两行：

• “真棒字体”图标显示在第一行
• 每个图标的正下方是每个部分名称的行，真棒图标代表的字体。

是否可以强制将其全部显示在一行上（例如我在计算机屏幕上看到的内容），或者以其他方式成为3行菜单而不是分成2行？我希望菜单具有我看到的计算机屏幕版本的最大高度。

该网站为here

我希望在平板电脑版本上显示的是一个三行菜单，有人会点击左上角，右上角是“搜索”并搜索提交按钮。

Answer 1

具有很多内容的导航非常棘手...但这就是我想的，它将为您提供所需的东西，并且是显示这种导航的正确方法：

（1）：您有很多元素，并且想要在平板电脑上使用“ 3行菜单”（称为汉堡菜单或汉堡菜单）；这是通过属性navbar-expand-xl完成的：<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark"> 基本上传达了当设备分辨率为1200px时，菜单应从“汉堡模式”扩展到“扩展模式”。您可以在导航元素上进行此更改，例如：

.navbar-expand-xl .navbar-nav { display: -webkit-inline-box; }

（2）接下来，展开菜单时，我们为每个元素，图标及其下方的名称看到3行，您可以使用以下CSS设置其样式：

.navbar-expand-lg .navbar-nav { display: -webkit-inline-box; }
/* or */
.navbar-expand-md .navbar-nav { display: -webkit-inline-box; }

...要继续强制“全部显示在一行上” ...您可能需要为不同的屏幕尺寸设置此属性（ ，如果您不回答我的答案的第1点 ）

c@p:/media/c/2NDTB/testpro$ virtualenv myenv
Using base prefix '/usr'
Traceback (most recent call last):
  File "/home/c/.local/lib/python3.6/site-packages/virtualenv.py", line 417, in copyfile
    os.symlink(os.path.realpath(src), dest)
OSError: [Errno 38] Function not implemented: '/usr/lib/python3.6/config-3.6m-x86_64-linux-gnu' -> '/media/c/2NDTB/testpro/myenv/lib/python3.6/config-3.6m-x86_64-linux-gnu'