Jade：将引导进度条码翻译成翡翠格式答案

【问题标题】：Jade: Translate bootstrap progress bar code into jade formatJade：将引导进度条码翻译成翡翠格式
【发布时间】：2015-08-14 15:49:14
【问题描述】：

所以我想在我的玉模板中实现以下内容：

<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>

它是进度条sn-ps之一。我想把它翻译成玉，这就是我想出的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 翻译成正确的翡翠格式。非常感谢您的帮助。

【问题讨论】：

标签： javascript twitter-bootstrap pug

【解决方案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

【讨论】：