0

私はtwitterブートストラップを使用していますが、アプリのすべての入力フィールド/フォームは、span3の左揃えのdivにあるように見えます。これを修正してデフォルトの入力幅にする方法を教えてください。

別のRailsアプリでブートストラップを使用しましたが、このエラーは発生しませんでした。何か案は？

たとえば、次のコードは、幅が500ではなく約200pxの入力をレンダリングします。

_新しいメッセージ

<div class="input-append" style="width: 500px " >
<%= form_for [@booking, @booking.messages.build], :remote => true do |f| %>
    <%= f.text_field :body, placeholder: "Compose Message" %>
<%= f.submit "+", class: "btn inline" %>
<% end %>
</div>

Booking.html.erb

<div class="bookinginfo">
<div class="well booking">  
<h3>Private Msssages</h3>
<hr />
<div id="ajaxmessagesform">
    <span><%= render 'messages/new_message' %></span>
</div>
</div>
</div
4

1 に答える 1

0

解決済み

次の css を追加しました。

input, textarea, select, .uneditable-input {
    border: 1px solid #bbb;
    width: 100%;
    padding: 10px;
    min-height: 40px;
    margin-bottom: 15px;
}
于 2013-03-17T14:47:05.363 に答える