CODEWITHSUNDEEP
cssruby-on-rails
Suraj
Suraj

Reputation: 41

align the input fields in same line in rails

I have a rails code like below for input fields.

Name:-<%=text_field_tag "specification[name1]","",:class=>"autocomplete form-control"%>
<br/>

Value:-<%=text_field_tag "specification[value1]","",:class=>"autocomplete form-control"%>


I want a name and one value to be aligned horizantally to each other.

Not sure how do I go about it. I hope the question is clear.

Thanks

Upvotes: 1

Views: 2353

Answers (2)

sidag95
sidag95

Reputation: 101

Since you are already using bootstrap, you can use the form-inline class available in bootstrap and then use a form-group class for each label and field. Just add the form-inline class to the form tag.

<form class="form-inline">
  <div class="form-group">
    <label for="exampleInputName2">Name</label>
    <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
  </div>
  <div class="form-group">
    <label for="exampleInputEmail2">Email</label>
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]">
  </div>

This will show the two fields inline. You can you it in this way as given in the bootstrap documentation.

Upvotes: 0

Amir Hoseinian
Amir Hoseinian

Reputation: 2352

There are millions of ways to do this but simplest one is to use them in a table:

<table>
  <tr>
    <td>Name:-<%=text_field_tag "specification[name1]","",:class=>"autocomplete form-control"%></td>
    <td>Value:-<%=text_field_tag "specification[value1]","",:class=>"autocomplete form-control"%></td>
  </tr>
</table>

Upvotes: 2

Related Questions