10532


以下のhtmlをhamlで書きたいと思ってます。

html:

[code]

    <div class="row">
      <div class="col-sm-9">
        あいうえお
        <div class="row">
          <div class="col-xs-8 col-sm-6">
            あいうえお
          </div>
          <div class="col-xs-4 col-sm-6">
            あいうえお
          </div>
        </div>
      </div>
    </div>
    
[/code]

haml:

[code]

    .row
      .col-sm-9 あいうえお
        .row
          .col-xs-8.col-sm-6 あいうえお
          .col-xs-4.col-sm-6 あいうえお
    
[/code]

しかし、このようにhamlで書くとエラーが発生してしまいます。

> Haml::SyntaxError - Illegal nesting: content can't be both given on the same
> line as %div and nested within it.

上記のようなhtmlにしたい場合、どうhamlを修正すればよろしいでしょうか？


CC BY-SA 4.0
2015-05-23T03:08:15.943
10528
2019-12-13T19:39:45.100
2019-12-13T19:39:45.100
32986
8558
question
ruby-on-rails haml
Haml::SyntaxError - Illegal nesting: content can't be both given on the same line as %div and nested within it

[code]

      .col-sm-9 あいうえお
        .row
    
[/code]

タグの中身は「タグのすぐ後ろ」か「より深いインデント」の **どちらか** に書く必要があり、併用はできません。エラーメッセージで言うところの `on
the same line as %div` が `あいうえお` 、 `nested within it` が `.row` に対応しています。

この場合、両方ともインデントして記載すればいいでしょう。

[code]

      .col-sm-9
        あいうえお
        .row
    
[/code]

<http://codepen.io/anon/pen/VLKgVg>

[code]

    <div class='row'>
      <div class='col-sm-9'>
        あいうえお
        <div class='row'>
          <div class='col-xs-8 col-sm-6'>あいうえお</div>
          <div class='col-xs-4 col-sm-6'>あいうえお</div>
        </div>
      </div>
    </div>
[/code]


CC BY-SA 4.0
2015-05-23T04:25:04.777
10532
2019-12-13T19:39:30.577
2019-12-13T19:39:30.577
32986
8000
10528
answer