【问题标题】:Bootstrap CSS conflict in joomla modulejoomla模块中的引导CSS冲突
【发布时间】:2016-06-23 09:33:50
【问题描述】:

我正在创建一个 joomla 模块,它使用引导程序来设置各种输入字段的样式。在我的模块的 default.php 文件中,我通过普通的 css 链接 <link type="text/css" src="http://mylink.com/modules/mod_mymodule/css/bootstrap.min.css"> 合并了引导程序。这适用于非引导模板,但对于使用引导的模板,由于我在模块中链接的引导 css 文件,模板的某些元素无法正确显示。如果我取消链接模块中的引导文件,则模块中的输入元素没有响应,并且模块的显示非常糟糕。

我的问题是,我如何才能将引导程序合并到我的模块中,而不会扭曲启用引导程序的模板的显示,并且还能让我的模块在非引导程序模板中完美显示?

【问题讨论】:

  • 您能否发布一个包含所有相关代码的 url,或者为您的帖子提供一个 jsfiddle,至少显示您的 html?这样我们就可以查看是否存在某种继承问题。例如,如果您调用 Bootstrap 两次,您可能会遇到问题,如果您覆盖 bootstrap,然后再次调用 bootrap,则覆盖将被清除。
  • 模块安装在demo.skibzy.com/tnt。这是侧边栏中的联系我们表格
  • 要明白我的意思,使用浏览器中的检查元素选项,删除表单开头正上方的引导 css 文件,并注意登录表单和搜索输入中的更改页面顶部。

标签: css twitter-bootstrap-3 joomla-module joomla3.4


【解决方案1】:

我意识到我正在使用的 Joomla 网站使用的是 Bootstrap 2.3.2。只需设置我的表单样式以匹配现有的引导文件

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-12-20
    • 2014-03-10
    • 1970-01-01
    • 2016-04-19
    • 2012-03-29
    • 1970-01-01
    • 2021-09-29
    相关资源
    最近更新 更多