【问题标题】:Why Joomla Bootstrap and official bootstrap have different css?为什么 Joomla Bootstrap 和官方 bootstrap 有不同的 css?
【发布时间】:2014-04-28 08:47:51
【问题描述】:

我正在使用 Joomla 3.2.1,我做了一个 MVC component 和一个菜单,所以现在在 /components/com_MY_COMPONENT_NAME/views/ONE_VIEW_NAME/tmpl/default.php 我可以编写任何我想要的 HTML/PHP。

我一直在对一些引导示例进行测试,但我意识到 CSS 并不完全相同。

例如。按钮btn btn-primary 必须有(检查bootstrap's website 中的fire-bug):

background-color: #006DCC;
background-image: linear-gradient(#08C, #04C);

但是...在我的 Joomla 上尝试相同的方法(处理整个表格)我看到 css 是:

background-color: #206991;
background-image: none;

结果如下:

你可以体会到font-size是不同的,还有line-heightborder-radiusmargin-bottom

这听起来可能很微不足道,但关键是为什么会有所不同。如果我继续使用引导类,我可能会发现一些意想不到的行为/问题。

没有 joomla 模板可以确保我像原来一样使用引导程序?

【问题讨论】:

  • Lodder 的回答是正确的。如果您今天需要 Joomla 中最新版本的 Bootstrap,请查看一些第三方模板,例如实现 Bootstrap 3 的 joostrap.com
  • 谢谢,是的,我以为 Joomla 3 有 Bootstrap 3,但没有。

标签: css twitter-bootstrap joomla joomla-template


【解决方案1】:

简单的答案。随着 Bootstrap 的不断发展,从第 3 版开始采用了一种新的风格。他们已经采用了更扁平的 UI 风格。

Joomla 仍然有 Bootstrap 2.3.2,因此使用不平坦的旧样式。更新服务器上的 Bootstrap 文件将是一项非常艰巨的任务,因为我们要更改很多东西,例如网格类名称。我不确定何时使用 Bootstrap 3,但我认为它可能会随 Joomla 4.x 一起提供

【讨论】:

  • 此外,Bootstrap 非常可定制,并且在 media/jui/bootstrap/less 目录中有一个 variables.less 文件。这可能来自 Bootstrap 的分布式 variables.less 文件,它也与模板的 variable.less 文件不同。所以有很多原因表明这永远不会匹配。
猜你喜欢
  • 1970-01-01
  • 2016-07-25
  • 1970-01-01
  • 1970-01-01
  • 2014-06-27
  • 2017-02-18
  • 2013-06-23
  • 1970-01-01
  • 2018-12-01
相关资源
最近更新 更多