1

レスポンシブ サイト デザインのブートストラップを学習してダウンロードし、joomla 2.5 で次のように設定します。

  1. ブートストラップ パッケージを解凍し、アセットで名前を変更しました
  2. テンプレート内の assests フォルダーをコピーしました (beez5)
  3. <head>index.php のセクションで次のように定義されています。


<meta charset="utf-8">
    <jdoc:include type="head" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/assets/css/bootstrap.css" type="text/css" media="screen" />

css をテストするためにbackground-color: red !important;、bootstrap.css で container-fluid に定義し、index.php のメイン div にクラスを追加しましたcontainer-fluidが、css が機能していないと思います。つまり、ブートストラップ css がロードされていません。

質問: joomla 2.5 でレスポンシブ サイトにブートストラップ CSS を実装するにはどうすればよいですか?

4

1 に答える 1

1

必要なものはすべてここにあります: Joomla Communite Magazine, Issue 2012 August .

新しいテンプレートを作成するための 3 つのオプションがあります

  1. フォルダーと必要なすべてのファイルを作成してゼロから開始します (記事はこの点に焦点を当てています) 。
  2. スターターテーマをインストールして変更する
  3. 既存のテンプレートをコピーして変更する

すぐに使えるソリューションに興味がある場合。


PS: css ファイルをロードするには、次のように動作するはずです:

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/assets/css/bootstrap.css" type="text/css" media="screen" />

$this->baseurlJoomla がインストールされているドメイン内の場所が含まれています。

于 2013-08-20T09:27:23.050 に答える