Twitter ブートストラップ テーブルを使用して、 email 、 first name 、 last name 、 password などのユーザー プロパティを表示する必要があります。
今、私はFacebookのアカウント設定ページのようなものを作りたいと思っていました. 編集ボタンをクリックすると、行が拡大され、送信ボタンと閉じるボタンのあるフォームに編集要素を配置できます。行を再度送信すると、元の状態に戻り、閉じるボタンをクリックすると縮小されます。
Twitterブートストラップを使用してこれは可能ですか?
BootstrapとそのデフォルトのJSプラグインのみを使用すると、答えは「いいえ」です。
セルを入力とセル値に置き換えるには、少なくとも、いくつかの基本的なJSが必要になります。
この目的のためにいくつかのjQueryプラグインもあるかもしれませんが、私があなたに指摘することはできません。
Facebook は、テーブルではなく UL (順序なしリスト) 要素を使用しています。これは、テーブルは表形式のデータを表示するためだけに使用されることを意図しているため、より優れています。
彼らがしているのは、「編集」をクリックすると、非表示の DIV に (おそらく AJAX によって) フォームとそのラベルなどが入力されることだけです。
次に、ユーザーは情報を編集して保存してデータベースに戻すか、フォームをキャンセルしてhiddeb DIVを明らかに空にし、行を以前の状態に戻すことができます。
ブートストラップには、この機能のために組み込まれたデフォルトのプログラミングはありませんが、上記の基本的な概念を考えると、優れた開発者がノックアップするのは難しいことではありません。