Joomla 3 Bootstrap 导航问题答案

【问题标题】：Joomla 3 Bootstrap navigation problemsJoomla 3 Bootstrap 导航问题
【发布时间】：2016-04-12 12:53:33
【问题描述】：

我正在尝试重写我几年前制作的 Joomla 模板以使其具有响应性。

I've put up a testsite to work on it 并且还安装了the old non responsive template 作为参考。

我到处使用了代码位，但我在弄清楚如何根据旧布局正确处理时遇到了一些严重的问题。

导航栏的宽度（对于德语版本来说太短了）
导航栏的垂直位置...
...但精简菜单（黑条）仍应位于顶部
语言选择器（标志）应放在导航栏上方...
...在精简的导航栏中，它应该位于汉堡菜单旁边的黑条内

非常感谢一些帮助。提前致谢。

【问题讨论】：

标签： twitter-bootstrap joomla navigation placement

【解决方案1】：

问题太多，无法正确回答，抱歉...
我的建议：复制您正在使用的模板（Extensions -> Templates -> Templates（左侧），点击模板的Details and file，然后点击Copy Template）并在其中进行修改。它将位于<Joomla_root>/templates/<your_template>。
使用 firebug（或任何其他相同类型的开发工具）找出什么是好的或不好的。例如，您将看到水平长度在<Joomla_root>/templates/<your_template>/css/template.css 中定义在#wrapper 中。您可以直接更改文件或在其中包含您的文件。
其余的，定义你自己的位置并将你的模块放入其中。您必须修改.../<your_template>/index.php 以定义您想要的位置，并修改.../<your_template>/templateDetails.xml 将它们声明给Joomla (see Joomla doc)。然后将您的模块分配给这些职位。
您肯定需要修改 <your_template>/css/template.css 来调整 CSS 内容。
对于响应式的事情，请查看<your_template>/css/template.css 中由@media 表示的Media Queries。它们允许针对将覆盖默认值的媒体尺寸定义新属性。
高温

【讨论】：

谢谢。它已经是一个带有模板副本的单独测试站点。我在菜单的一般样式方面取得了一些进展，但在精简菜单方面存在问题。实际上它根本不起作用。虽然它切换到精简菜单，但它不会根据窗口大小减小宽度。此外，菜单被剪切，因此它不显示所有项目。我看不出如何设置精简菜单的样式（例如背景颜色以便真正看到菜单项。）我真的希望能得到一些帮助。
在您网站的许多地方，宽度被硬编码为 860 像素。你应该纠正那个。更重要的是（？）：在我看来，涉及到 2 个 templace.css：template.css 和 template.css #2。