Jade错误产生嵌套类

Question

  .container-fluid('padding-bottom:15px;color:#fff')
    .row
        .col-md-6
            | column 1
        .col-md-6
            | column 2

我上面的玉有什么问题？

Answer 1

您的示例中有两个错误：

1. 错误的缩进。
2. 您无法设置内嵌样式。

试试这个

.container-fluid(style='padding-bottom:15px;color:#fff;')
  .row
    .col-md-6
        | column 1
    .col-md-6
        | column 2

它将编译为

<div style="padding-bottom:15px;color:#fff;" class="container-fluid">
  <div class="row">
    <div class="col-md-6">column 1</div>
    <div class="col-md-6">column 2</div>
  </div>
</div>

否则你会得到类似的东西

<div padding-bottom:15px;color:#fff="padding-bottom:15px;color:#fff" class="container-fluid">
  <div class="row">
    <div class="col-md-6">column 1</div>
    <div class="col-md-6">column 2</div>
  </div>
</div>