使用Twitter-Bootstrap和Rails的Rails simple_form:如何以水平形式输入内联输入?

时间:2012-04-23 05:59:56

标签: ruby-on-rails-3 forms twitter-bootstrap simple-form

我正在使用上面的内容,并希望以水平形式提供一些内联输入。 例如:

Zip | City

尝试了几件事,比如浮动或自己的div,但它从来没有对我有用。此外,我更愿意找到DSL解决方案而不是css。

另一方面:您是否建议使用twitter_bootstrap_form_for?

1 个答案:

答案 0 :(得分:1)

我建议你考虑使用Twitter Bootstrap。它非常易于使用,并使例程任务变得简单。例如,以下是用于实现水平内联表单的代码:

<form class="well form-inline">
  <input type="text" class="input-small" placeholder="Email">
  <input type="password" class="input-small" placeholder="Password">
  <label class="checkbox">
    <input type="checkbox"> Remember me
  </label>
  <button type="submit" class="btn">Sign in</button>
</form>