Liferay：如何在屏幕尺寸小于768px（移动设备）而不是默认的979px（平板电脑）的情况下折叠dockbar？

我正在使用Liferay附带的默认dockbar。 目前，当屏幕宽度小于979px时，dockbar/navbar会崩溃。 我希望dockbar/navbar在小于768px的屏幕上折叠。 我在_variables.scss文件中做了如下更改：

$navbarCollapseWidth: 768px !default;
$navbarCollapseDesktopWidth: $navbarCollapseWidth + 1;

已将此文件复制到diff文件夹中。部署代码。但是，dockbar仍然会在小于979px的屏幕上崩溃

---

我应该在任何其他文件中进行更改吗？

是的，您必须覆盖dockbar特定的核心css文件，如下所示：

/portal master/portal web/docroot/html/themes/\u styled/css/dockbar.css

看第755排

对于liferay前端开发人员来说，这是一个不愉快的选择。 在某些情况下，像那个样，有一些特定的css文件，您不能只通过自定义主题覆盖

使用钩子插件，您可以覆盖该文件

---

再见

下面custom.css中包含的代码及其对我的作用

@media (min-width:768px) and (max-width:979px)
{
    #_145_dockbar
    {
        display:none;
    }
    .aui #navigation
    {
        display:block;
    }
    .aui .nav-collapse, .aui .nav-collapse.collapse
    {
        overflow:visible;
    }
    .aui .nav-collapse .nav>li
    {
        float:left;
    }
    .aui .portlet-dockbar
    {
        width:auto;
    }
}

---

我知道我需要编辑该文件。但是到底需要做什么样的改变呢？你是用钩子插件来做的吗？您使用哪种方式更改代码？我将文件复制到diff文件夹中。部署主题代码。我可以看到代码被更改了。但是，我没有看到输出。