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布局。

你的第二个例子包括＆＃34;你去哪儿上学？＆＃34;正如您所说，label标记内的文字不是您想要的。

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

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

1 个答案: