Question

所以我想将以下内容实现到我的jade模板中：

<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
    <span class="sr-only">45% Complete</span>
</div>

这是进度条片段之一。我想把它翻译成玉石，这就是我提出的documentation：

div(class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%")
   span(class="sr-only")45% Complete

我还读到了你可以做的课程，例如：

div.progress-bar progress-bar striped active

但其他属性呢？无论如何，我需要帮助将上面的html翻译成正确的玉格式。非常感谢您的帮助。

Answer 1

如果我没错，Jade基于Haml and Slim。如果是这种情况，您应该能够将这些类串起来，例如div.progress-bar.progress-bar.striped.active。此外，您可能不需要以div开头.progress-bar.progress-bar.striped.active。

其他属性必须以您已经完成的方式完成。因此，最终的代码块将是

.progress-bar.progress-bar.striped.active(role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%")
   span.sr-only 45% Complete

Jade：将bootstrap进度条形码转换为jade格式

1 个答案: