0

YIIフレームワークを使用してサイトを構築することができました。また、レスポンシブウィジェットを簡単に実装できるBootstrapExtensionもインストールしました。私の問題はサイトの残りの部分にあります。私が欲しいとしましょう：

  • ヘッダー
  • メニュー
  • メインコンテンツ
  • フッター

メニューは簡単な部分です。これは、次のようなブートストラップウィジェットを使用するだけだからです。

<?php 
     $this->widget('bootstrap.widgets.TbMenu', array(
     'type'=>'tabs', // '', 'tabs', 'pills' (or 'list')
     'stacked'=>false, // whether this is a stacked menu
     'items'=>array(
       array('label'=>'Home', 'url'=>array('/site/index')),
       array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),
       array('label'=>'Contact', 'url'=>array('/site/contact')),
     ),
   )); 
?>

ですから、私の質問は、サイトの残りの部分をレスポンシブにすることです。だから：自動的に反応する「ブロック」を作成する簡単な方法はありますか？それとも、単にdivを作成し、それに応じてスタイルを設定するだけの問題ですか？言い換えると、ブートストラップ拡張機能は特定のコンポーネントに限定されているので、残りのレイアウトはデザイナーがCSSを使用して整理することに依存していますか？

4

1 に答える 1

0

これは、コンテンツに何を入れるかに完全に依存します。<div>タグはデフォルトでは固定幅ではなく、他のHTMLタグもデフォルトではありません。タグにとを使用するwidth: 100%と、それらのベースのほとんどもカバーされ、適切な制限で親の幅に合わせて曲げることができます。max-width: Xpx<img>

その後、レイアウトを制限するのは追加するものだけです。したがって、コンテンツを追加するときは、ページが縮小および拡大するときに、このコンテンツに何をしたいかを考えてください。

適切な妥協点を見つけるのに苦労しているより具体的なケースがある場合は、ブートストラップとYiiのための大量のリソースがあります。

于 2012-11-02T09:51:15.800 に答える