CakePHP2とTwitterBootstrapでサイトを構築しているとき、フォーム要素の幅を変更するためにcolsを設定しても横幅が広がりませんでした。
調べてみたところ、TwitterBootstrapには下記のようなinputに対するレイアウトが作られており、それを指定する必要があるということがわかりました。
フォーム要素にclassを設定するのは下記のような記載方法でOKです。
1 |
echo $this->Xformjp->input('text',Array('value'=>’test’,'label'=>'','cols' => 300, 'rows' => 10,'class'=>"input-xxlarge")); |
1 2 3 4 5 6 |
class="input-mini" class="input-small" class="input-medium" class="input-large" class="input-xlarge" class="input-xxlarge" |
各設定の幅を変えたい場合は「bootstrap.css」で該当箇所を変更します。
人気記事一覧
- MySQL 最大の値・最新の日付データを1つ抽出する方法(MAX)
- [CakePHP] XformHelperの使い方
- Linux: スワップファイル(swp)の削除方法
- HTMLのForm methodとactionについて
- PHPでカンマ区切りデータを配列に入れる方法 (explode)
- [エラー対処] failed to open stream: No such file or directory
- [vsftp] FileZillaから接続できない場合の対処法
- [CSS]ブロック要素(div)の高さを、内部のfloat要素に合わせて自動調整する
- PHP5.1→PHP5.3へバージョンアップする方法(CentOS)
- PHPでテキストを1行ずつ読み込む方法(file_get_contents,explode)