1

Rails でBootstrap フォームを使用しようとしています。しかし、post scaffold によって作成された _form パーシャルを調べた後、通常の入力メソッドで変数を編集する方法がよくわかりません。

たとえば、これは組み込みのフォーム コードです。

<%= form_for(@post) do |f| %>

<div class="field">
 <%= f.label :name %><br />
 <%= f.text_field :name %>
</div>
<div class="field">
 <%= f.label :content %><br />
 <%= f.text_area :content %>
</div>
 <div class="actions">
 <%= f.submit %>
</div>

<% end %>

以下のフォームコードを使用したい:

<form>
<fieldset>
<legend>Start posting</legend>
<label>Name</label>
 <input class="span10" type="text" placeholder="Name: ">
<label>Content</label>
 <input class="span10" type="text" placeholder="Content: ">
<textarea rows="10"></textarea>
<button type="submit" class="btn">Submit</button>
</fieldset>
</form>

質問: Bootstrap バージョンのフォーム コードを使用するにはどうすればよいですか?

私は..のようなものを試しました

<input class="span10" type="text" name="@post.name" placeholder="Type in name: ">
<button type="submit" class="btn">Submit</button>

しかし、うまくいかないようです。ブートストラップの送信ボタンが正しい方向を指していないと思ったので、次のことも試しました。

<input class="span10" type="text" name="@post.name" placeholder="Type in name: ">
<%= form_for(@post) do |f| %>
 <%= f.submit %>
<% end %>

誰かがこれで私を助けてくれますか? 私はあなたの助けに感謝します!

4

1 に答える 1

1

手動で行う代わりに、twitter-bootstrap-rails gem をアプリに追加する必要があります。手順とドキュメントについては、こちらを参照してください: twitter-bootstrap-rails gem

それはトリックを行います!

于 2012-11-15T01:48:22.780 に答える