css - Joomla 3 导航栏

Question

当调整到平板电脑/手机大小时，我在 Joomla 3 网站中显示导航栏时遇到问题。

出于某种原因，我的左侧出现了一个灰色的导航按钮，当我单击此按钮时，右侧出现了一个蓝色的导航栏，菜单随后下拉。

我怎样才能使我有灰色或蓝色框，然后在单击时出现下拉列表，但都是从一侧出现的。

我很困惑为什么两者都出现了。

当用 firebug 检查时，我可以看到一个是 navbar pull-left 类，另一个是 nav-collapse。

Answer 1

在这件事上有几个变数要处理。

首先，确保要使用的 bootstrap 版本以及您实际使用的版本。

其次，如果你想使用 bootstrap 版本 3，请确保它没有充电良好，版本 2，这是 Joomla 自带的默认版本。这将在您的模板中进行管理。

第三，你可能还需要为joomla生成的代码重写模板，运行吧。

我留下了您需要的部分代码。

在 joomla 模板中获取 bootstrap 3。将js和css文件拷贝到目录下...

$doc->addScript($tpath.'/js/bootstrap.min.js');
$doc->addStyleSheet($tpath.'/css/bootstrap_3.css');

为避免冲突，如何不加载js文件如下:

unset($doc->_scripts[$this->baseurl.'/media/jui/js/bootstrap.min.js']);

在这种情况下，我们删除默认加载的 bootstrap.min.js joomla 文件。