How change width forms with twitter-bootstrap

Question

I want a change width form width bootstrap.But when I added

class: "input-xlarge"

in form helper

= f.text_field :title, class: "input-xlarge", placeholder: "Title"
<input type="text" placeholder="Заголовок" name="post[title]" id="post_title" class="input-xlarge">

width don't changed

how fix?

Answer 1

Bootstrap 3.* dropped the input-x* classes for sizing, so use something like this:

<input type="text" class="form-control col-md-5" />

Or for a full width version use just this:

<input type="text" class="form-control" />

---

You can also refer to: Bootstrap — CSS — Forms — Control Sizing