使用 HAML (Rails 3.2 + Bootstrap + HAML) 在 f.label 旁边放置纯文本

Question

我正在使用 HAML 制作表单，但无法将元素彼此相邻对齐。我知道这是关于 SO 的许多问题的常见问题，但我还没有找到解决我问题的答案。这是我的代码：

  .form-group.odd
    .row
      .col-sm-12
        = f.label :university_college, 'College(s)'
        Where did you go to school?

我想知道“你在哪里上学？”显示在表单标签文本旁边的视图中。我认为把它放在另一条线的正下方应该让它并排显示，但那是行不通的。问题的文本出现在f.label 文本下方。这是正在生成的 HTML：

 <div class='form-group odd'>
   <div class='row'>
     <div class='col-sm-12'>
       <label for="worker_university_college">College(s)</label>
         Test
     </div>
   </div>
 </div>

我也试过这个：

  .form-group.odd
    .row
      .col-sm-12
        = f.label :university_college, 'College(s)' + 'Where did you go to school?'

...但这导致了问题，我想成为没有粗体的纯文本，用f.label 文本的粗体设置样式。

我还玩弄了 HAML 文档中空白去除器的不同变体，但无法使其工作。谁能指出我正确的方向？

Answer 1

如果没有看到您的标记，我不会 100% 确定这一点，但听起来您的 label 元素正在使用 block 布局进行样式设置。

您的第二个示例包括“您在哪里上学？” label 标记内的文本，如您所说，这不是您想要的。

改为使用第一个示例中的 HAML，并添加 CSS，将 label 标记的 display 属性更改为 inline。