1

site.com/salesforce プラットフォームからブートストラップを実装しようとしていますが、css をインポートするときに、bootstrap.css と bootstrap.min.css の両方をインポートできますが、bootstrap-responsive と bootstrap-responsive.min は失敗します。 site.com、「エラー: CSS コードの形式が正しくないため、保存できません。括弧の不一致や欠落などの無効な文字がコードに含まれていないことを確認してから、もう一度やり直してください。」.

「@-ms-viewport」などのCSSの「@」が原因だと思いますが、これに対する解決策が見つかりません。これを解決するためのあらゆる種類のアイデアに感謝します。

4

4 に答える 4

1

これに対する 1 つの回避策は、css ファイルをドキュメントとしてインポートし、それを css に変換しないことを選択することです。

スタイルシートに変換しない

通常どおり、テンプレート/ページ設定エリアにスタイルシートを追加できます。 通常どおりスタイルシートを選択します

これの欠点の 1 つは、スタイルがページ エディターに取り込まれないことです。ただし、ユーザー側では完全に機能します。

お役に立てれば！

于 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 に答える