Question

对于输入字段，我有一个类似下面的rails代码。

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

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

我想要一个名字和一个值互相对齐。

不确定我该怎么做。我希望这个问题很清楚。

谢谢

Answer 1

有数百万种方法可以做到这一点，但最简单的方法是在表格中使用它们：

<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>

Answer 2

由于您已经在使用bootstrap，因此可以使用bootstrap中提供的form-inline类，然后对每个标签和字段使用form-group类。只需将 form-inline 类添加到表单标记。

<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="jane.doe@example.com">
  </div>

这将显示内联的两个字段。你可以通过bootstrap文档中给出的方式来实现它。

将输入字段对齐在轨道中的同一行

2 个答案: