1

我正在尝试通过 site.com/salesforce 平台实现引导程序,但是在导入 css 时,我可以同时导入 bootstrap.css 和 bootstrap.min.css,但是 bootstrap-responsive 和 bootstrap-responsive.min 失败,因为根据site.com,“错误:无法保存 CSS 代码,因为它的格式不正确。确保代码不包含无效字符,例如不匹配或缺少括号,然后重试”。

我认为这是因为 CSS 中的“@”,例如“@-ms-viewport”,但我找不到解决方案。将不胜感激任何解决这个问题的想法。

4

4 回答 4

1

一种解决方法是将 css 文件作为文档导入,并选择不将其转换为 css:

不要转换成样式表

您将能够像往常一样在模板/页面设置区域中添加样式表: 正常选择样式表

这样做的一个缺点是样式不会被拉入页面编辑器。但是,它们在用户端功能齐全。

希望这可以帮助!

于 2013-05-01T21:05:20.003 回答
0

我按照 David Scruggs 的建议做了,并将 bootstrap.css 的片段粘贴到 Site.com 编辑器中。我成功粘贴了所有 CSS 选择器,但以下内容除外——

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
@-ms-viewport {
  width: device-width;
}

希望这对您有所帮助。

于 2014-03-01T01:29:46.717 回答
0

您可以将带有 @-webkit-[x] 元素的样式表导入 Site.com。问题可能出在其他地方。当其他 CSS 验证器遗漏了一个分号时,我已经看到了这种情况。我认为 Site.com 导入工具比您习惯的其他工具更严格。

当您拥有格式良好的样式表时,导入会更容易,您可以在 Site.com 编辑器中创建一个空的样式表。在编辑该样式表时,您会看到一个标有“编辑样式表代码”的按钮;如果您点击该按钮,您将有一个编辑器对话框,您可以将现有样式表粘贴到零碎中。确保您粘贴在完整的块中——您需要对您粘贴的任何样式项目有完整的定义,包括右括号。

您可以在将样式表逐步粘贴到现有样式表中时“快速保存”样式表,当保存失败时,您会发现 CSS 的格式不正确。您可能会在该块中看到错误并且能够轻松修复它——如果没有,您可以省略它或通过正常的样式表编辑过程创建一个具有相同属性的同名新样式项。

无论哪种方式,您都可以继续逐步粘贴样式表,直到加载了完全有效的样式表。

于 2013-10-23T20:48:38.313 回答
-1

我们注意到将自定义 css 文件导入 site.com 的类似问题,它似乎是calc标签。前任:width: calc(50% - 30px);

于 2016-08-25T20:29:23.467 回答